js中setInterval setTimeout的用法

来源:互联网 发布:面向对象编程步骤 编辑:程序博客网 时间:2024/06/06 18:49

setInterval  () 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval  () 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由setInterval  () 返回的 ID 值可用作 clearInterval() 方法的参数。

clearInterval()方法可以停止setInterval()方法,它括号里的参数必须是由 setInterval() 返回的 ID 值。

 var i = 1000
 var s
 var td = setInterval(function(){       //设置一个setInterval()方法
 s = String.fromCharCode(i--)        //给s赋一个ascii码的值,并且i--

 txt.innerHTML = s +"   "+i               //对txt对象插入内容
 if(s == "A")clearInterval(td)            //判断s的ascii码的值是不是跟A相等,相等就会执行clearInterval()方法,它会将setInterval()方法停止
 },10)                                                  //给setInterval()方法设置一个时间为10毫秒,每10毫秒执行一次里面的匿名函数

setTimeout() 跟setInterval()不同,前者只能执行一次,而后者可以执行多次

setTimeout(function(){
console.log(123)
},5000)

上面的代码会等待5秒钟才会输出123,setTimeout()方法只有在指定的毫秒数结束后才会执行里面的函数

0 0
原创粉丝点击