js 定时器方法：setInterval()和setTimeout()

62 阅读 0 评论 41 点赞

我是靠谱客的博主听话星月，最近开发中收集的这篇文章主要介绍js 定时器方法：setInterval()和setTimeout()，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

js定时器有以下两个方法：

一、启用定时器：
setinterval()：按照指定的时间周期来调用函数或计算表达式。
setTimeout()：在指定的时间后调用函数或表达式。
语法如下：
setInterval(code,millisec);
setTimeout(code,millisec);
code：必需，要调用的函数或要执行的代码串。
millisec：必需，周期性执行或调用code的时间间隔，以毫秒计。
例：输出时间，秒数计时，点击按键即清除定时器：

<input type="text" id="int" />
<input type="button" onclick="clearInterval(c)" value="停止" />

var c;
c=setInterval(function(){
    var time=new Date();
    var txt=time.toLocaleTimeString();
    document.getElementById("int").value=txt;
},1000);

例：3秒弹出信息：

setTimeout(function(){
    alert("你好！");
},3000);

二、清除定时器：

//setTimeout 1000ms后执行1次
var test1 = setTimeout(function(){
    //your codes
},1000);
 
//setInterval 每隔1000ms执行一次
var test2 = setInterval(function(){
   //your codes
},1000)
 
//清除Timeout的定时器,传入变量名(创建Timeout定时器时定义的变量名)
clearTimeout(test1);
 
//清除Interval的定时器,传入变量名(创建Interval定时器时定义的变量名)
clearInterval(test2);