setInterval

发表于2020-11-28|更新于2026-02-24

|浏览量:

坍圮的殿堂总还是庙，冷落的圣像依然是神。

在前端开发中我们或许想定时做一些操作

可以使用一个setInterval函数去做

// 定时控制台打印ruben
setInterval(function () {
    console.log("ruben");
}, 1000);
// 定时控制台打印achao，注意这里是使用字符串形式写法
setInterval('console.log("achao");', 1000);

可以打开控制台看到效果

前端

相关推荐

2023-05-22

officegen

以权利合者，权利尽而交疏。——《史记》如果我们需要使用js来编辑word、excel、powerpoint 可以使用这个开源项目：https://github.com/Ziv-Barber/officegen 可以让我们在html中进行编辑安装使用： 1$ npm install officegen ppt例子： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354const officegen = require('officegen')const fs = require('fs')// Create an empty PowerPoint object:let pptx = officegen('pptx')// Let's add a title slide:let slide = pptx.makeTitleSlide('Officeg...

2023-09-13

字体按宽度自适应大小

不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗的《瓦尔登湖》一般可以使用vw或者em一类的属性来适配，但如果还需要更小，就只能使用scale缩放了，例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...

2023-09-14

console importer

当你没有空休息的时候，就是你该休息的时候——西德尼分享一个chrome插件Console Importer，可以方便我们在浏览器中进行调试一些没有本地安装的js库 GitHub - pd4d10/console-importer: Easily import JS and CSS resources from Chrome console. 从 Chrome 网上应用店安装它： Console Importer - Chrome 应用商店安装完重进使用： Usage 用法Open Chrome devtools console, a function named $i could be used to import JavaScript and CSS resources.打开Chrome devtools控制台，一个名为的 $i 函数可用于导入JavaScript和CSS资源。 1$i('jquery') Import specific version:导入特定版本： 1$i('jquery@2') Also,...

2021-11-02

vue父组件调用子组件方法

抱怨身处黑暗，不如提灯前行。——刘同首先是官方文档这里使用ref属性去访问子元素 1<hello-world ref="helloWorld" msg="Hello World"></hello-world> 然后打印一下 1console.log(this.$refs.helloWorld); 可以看到成功获取到再到子组件定义一个方法：父组件访问：效果：

2023-10-13

ar.js

没有希望的地方，就没有奋斗。——约翰生 https://github.com/AR-js-org/AR.js AR.js 是用于 Web 上的增强现实的轻量级库，其中包括图像跟踪、基于位置的 AR 和标记跟踪等功能 AR.js Documentation

2022-01-28

vue中新增属性视图问题

计利当计天下利，求名应求万世名——于右任我们在进行vue前端开发的时候，可能会遇到这种情况：首先我们此处双向绑定了一个变量中的属性 12345<template> <div> <div>{{ myObject.newProperty }}</div> </div></template> 然后下面的data只有该对象变量，并无此属性 12345678<script>export default { data() { return { myObject: {} }; }</script> 此时我们调用一个方法，给它的新增变量赋值 1this.myObject.newProperty = 'ruben'; 可以看到外部是并未监听到，视图没有更新，导致我们页面没渲染上去该变量属性的值此处我们当然可以使用vm.$forceUpdate去强制更...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中