setInterval

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

|浏览量:

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

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

可以使用一个setInterval函数去做

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

可以打开控制台看到效果

前端

相关推荐

2022-08-20

micro-app

浅水是喧哗的，深水是沉默的。——雪莱分享一个微前端框架micro-app 官方文档：https://micro-zoe.github.io/micro-app/ 仓库地址：https://github.com/micro-zoe/micro-app 在线体验地址：https://zeroing.jd.com/micro-app/demo/react16

2022-04-06

react hook 生命周期

诚实的生活方式其实是按照自己身体的意愿行事，饿的时候才吃饭，爱的时候不必撒谎。——马尔克斯《霍乱时期的爱情》官方文档：https://zh-hans.reactjs.org/docs/hooks-reference.html#conditionally-firing-an-effect 直接上代码： 123456789101112131415161718192021222324252627282930313233343536373839404142'use strict';function LikeButton() { const [liked, setLiked] = React.useState(false) const [count, setCount] = React.useState(0) React.useEffect(() => { // 只执行一次 setInterval(() => setCount(state => ++state), 1000) ...

2021-06-03

js动态调用函数

兵无常势，水无常形，能因敌变化而取胜者，谓之神。——孙子我们可以使用变量名['函数名']()去调用一个函数 12345678<script> var ruben = { run() { console.log("ruben中的run被调用啦！") } } ruben['run']()</script> 可以用于动态调用函数场景

2022-06-20

虚拟列表

我来到这个世界，为了看看太阳和蓝色的地平线。——《城门开》分享一个vue虚拟列表的组件： https://github.com/tangbc/vue-virtual-scroll-list 官方文档： https://tangbc.github.io/vue-virtual-scroll-list 沙盒： https://codesandbox.io/s/live-demo-virtual-list-e1ww1 使用方式： 1pnpm install vue-virtual-scroll-list --save 示例： 12345678910111213141516171819202122232425<template> <div> <virtual-list style="height: 360px; overflow-y: auto;" // make list scrollable :data-key="'uid'" :data-sources=&q...

2022-07-16

veaury

没有意义的事物是最美丽的。——《新名字的故事》昨天分享了vuera 今天再分享一个同类型库veaury，属于是vuera的新版库中文文档：https://github.com/devilwjp/veaury/blob/master/README_zhcn.md 什么是Veaury?Veaury 是基于React和Vue3的工具库，主要用于React和Vue在一个项目中公共使用的场景，主要运用在项目迁移、技术栈融合的开发模式、跨技术栈使用第三方组件的场景。重要功能 🌞 支持 Vue3 🌈 支持 Context - 同一个应用中出现的vue组件和react组件的context是共享的. 💗 支持跨框架的hooks调用 - 可以在react组件中使用vue的hooks，获取到vue组件或者应用的上下文数据，比如vue-router、vuex，也可以在vue组件中使用react的hooks，获取到react组件或者应用的上下文数据，比如react-router、provide、context等

2023-07-15

umijs环境变量问题

我们关心的，不是你是否失败了，而是你对失败能否无怨。——林肯今天遇到一个问题，umijs框架下的环境变量配置不好使首先是我package.json里的配置是这样的： 12345 "scripts": { "start": "cross-env NODE_ENV=dev umi dev", "build:test": "cross-env NODE_ENV=test umi build", "build:production": "cross-env NODE_ENV=prod umi build"} 然后在我其中一个js文件中进行引用： 12console.log({ NODE_ENV: process.env.NODE_ENV });console.log({ 'process.env': process.env }); 然后当我指...

阿超

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

数据加载中