间隔调用方法(setInterval与setTimeout)

简介: js中实现函数间隔调用,延时调用的方法。 setInterval(方法名,间隔时间)方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 方法会不停地调用函数。 setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
// setTimeout函数,创建一个定时器,它可以实现延时一段事件之后执行某段代码。
// 有两个参数:第一个参数是定时器事件函数,表示需要延时执行的函数,第二个参数是延时事件,单位毫秒
 
// 返回值是一个定时器编号,通过这个编号可以在定时器触发之前取消定时器。
var timer = setTimeout( function () {
console.log( "3秒已经过去了" );
}, 3000 );
 
// function f1(){
// console.log("3秒已经过去了");
// }
// var timer=setTimeout(f1,3000);

// ******************************
 
// 创建一个循环执行的定时器 ,每隔一段事件就执行一次事件函数。
// 第一个参数是事件函数,第二个参数是间隔时间,单位毫秒。
var timer2 = setInterval( function (){
console.log( "定时器时间到" );
}, 10000 )
 
var bt = document.getElementById( "bt" );
bt.onmousedown = function (){
clearTimeout(timer);
 
}
目录
相关文章
|
14天前
|
JavaScript 前端开发
定时器 setInterval 有一个有名函数 fn1,setInterval(fn1, 500)与 setInterval(fn1(), 500)有什么区别?
定时器 setInterval 有一个有名函数 fn1,setInterval(fn1, 500)与 setInterval(fn1(), 500)有什么区别?
11 1
|
JavaScript 前端开发
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
写在前面: 在js应用中,定时器的作用就是可以设定当到达一个时间来执行一个函数,或者每隔几秒重复执行某段函数。这里面涉及到了三个函数方法:setInterval()、setTimeout()、clearInterval(),本文将围绕这三种函数的用法,来实现定时器的功能,需要的朋友可以过来参考下,喜欢的可以点波赞,或者关注一下本人,希望对大家有所帮助。 定时器的应用需求: 1.设定一个时间,当时间到达的时候执行函数————比如:倒计时跳转页面等等。 2.每隔一段时间重复执行某段函数————比如抢票软件,比如设定500毫秒就重复刷新一次页面等等。 倒计时跳转实现demo:
532 0
js 定时器用法详解——setTimeout()、setInterval()、clearTimeout()、clearInterval()
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
247 0
手写系列 # 2:利用 requestAnimationFrame 实现 setInterval 计时器
15、计时器方法1(setInterval、clearInterval)
15、计时器方法1(setInterval、clearInterval)
104 0
|
安全
别再用错setTimeout和setInterval了
`setTimeout`和`setInterval`都可以用于设置定时器,参数相似,但是使用效果和用途截然不同。本文就重点阐述两者之间的区别
341 0
|
JavaScript
BOM 定时器:setTimeout和setInterval
BOM 定时器:setTimeout和setInterval
156 0
|
JavaScript 前端开发 Java