js 定时器方法：setInterval()和setTimeout()_js setinterval和se't'ti'me-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_49775582/article/details/107767482

本文深入讲解JavaScript中的定时器，包括setInterval和setTimeout的使用方法，以及如何清除定时器。通过实例演示了周期性调用函数和延迟执行的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);