JS 定时器与延时器

简介: JS 定时器与延时器

定时器

创建定时器  

window.setInterval(方法类型,间隔时间(1000=1秒))

var timer=window.setInterval(func,2000);
var i=0
function func(){
    console.log("你好",i)
    i+=1
}


清除定时器  

window.clearInterval(定时器名)

function ting(){
    //清除定时器
    window.clearInterval(timer);
}


重置定时器

function reset1(){
    //重置定时器,重新给定参数,清除定时器,重新创建定时器
    i=0;
    window.clearInterval(timer);
    timer=window.setInterval(func,2000);
}

延时器

只执行一次

创建延时器

window.setTimeout(函数类型,延迟时间)


var timer1=window.setTimeout(function (){
    console.log("你好啊!!!");
},3000);

清除延时器

window.clearTimeout(延时器名称)

function func(){
    //清除延时器
    window.clearTimeout(timer1);
}
相关文章
|
22天前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
10 1
|
22天前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
10 1
|
3月前
|
JavaScript 前端开发
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
这篇文章讨论了在JavaScript和Vue中如何避免定时器重复开启的问题,并提供了一个模拟场景和代码示例,演示了在开启新定时器前清除旧定时器的方法。
解决在JS中阻止定时器“重复”开启问题、Vue中定时器的使用
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
|
3月前
|
JavaScript 前端开发
|
3月前
|
Web App开发 JavaScript 前端开发
JavaScript——定时器为什么是不精确的
JavaScript——定时器为什么是不精确的
60 0
|
3月前
|
JavaScript 前端开发
js之永久定时器
js之永久定时器
29 0
|
3月前
|
JavaScript 前端开发
js之一次性定时器
js之一次性定时器
29 0
|
4月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
89 1
|
4月前
|
JavaScript
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
JS【详解】setTimeout 延时(含清除 setTimeout,计时开始时间,0 秒延时解析,多 setTimeout 执行顺序,setTimeout 应用场景,网红面试题)
753 0