JS定时器

最新推荐文章于 2023-09-03 14:26:04 发布

admin_djp

最新推荐文章于 2023-09-03 14:26:04 发布

阅读量229

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/admin_djp/article/details/108564369

版权

基本语法

setInterval() ：以指定时间为周期循环执行(循环定时器)

setInterval(expression,milliseconds)

setTimeout(): 只在指定时间后执行一次(延迟定时器)

 setTimeout(expression,milliseconds)

其中参数一既可以是字符串，也可以是匿名函数，或者是一个函数名，参数二是延时或者重复执行的毫秒数。

创建定时器：

setTimeout(function () {
    console.log('Hello');
}, 1000);

setInterval(function () {
    console.log('Word')
}, 1000);

// 运行代码输出一次 Hello，每隔1S输出一次 Word

清除定时器

定时器清除的方法：clearInterval(str)和clearTimeout(str)
定时器有个返回值，该数字代表定时器的序号，即第多少个定时器，我们获取其返回值后，调用clearInterval(返回值)或clearTimeout(返回值), 即可停止计时器
要清除定时器，就必须在用定时器的时候，定义一个变量来记录定时器的返回值

定时器的返回值：

var timer1=window.setTimeout(function(){
            console.log("第一个定时器")
        },1000);
        console.log(timer1);//1
var timer2=window.setTimeout(function(){
            console.log("第二个定时器")
        },1000);
        console.log(timer2);//2

清除定时器：

 		clearInterval(timer1);
        clearTimeout(timer2);
        timer1 = null;
        timer2 = null;

注意：

setTimeout虽然只执行一次，但执行后，定时器还在，只是没用了而已
定时器即使清除了，其返回值也不会清除，之后设置的定时器的返回值也会在其返回值的基础上继续向后排
一般清空定时器后会将清空的定时器的变量置空，这样写既可以释放内存，也可以便于后边代码的判断。

小案例：逐字输出字符串

<body>
    <div id="boss"></div>
    <script language="JavaScript" type="text/javascript">
        var str = "测试文字";
        var seq = 0;
        function demo() {
            msg = str.substring(0, seq+1);
            document.getElementById('boss').innerHTML = msg;
            seq++;
            if (seq >= str.length){
                seq = 0;
            }
     }
     setInterval(demo,1000);
    </script>
</body>

admin_djp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS定时器

基本语法setInterval() ：以指定时间为周期循环执行(循环定时器)setInterval(expression,milliseconds)setTimeout(): 只在指定时间后执行一次(延迟定时器) setTimeout(expression,milliseconds)    其中参数一既可以是字符串，也可以是匿名函数，或者是一个函数名，参数二是延时或者重复执行的毫秒数。创建定时器：setTimeout(function ()
复制链接

扫一扫