• 技术文章 >web前端 >js教程

    JavaScript实例解析清除定时器

    长期闲置长期闲置2022-08-04 18:12:58转载164
    本篇文章给大家带来了关于javascript的相关知识,其中主要介绍了关于定时器与清除定时器的相关问题,可以利用clearTimeout方法和clearInterval方法来清除指定的定时器,下面一起来看一下,希望对大家有帮助。

    【相关推荐:javascript视频教程web前端

    setTimeout定时器

    window.setTimeout(调用函数,延时时间);

             setTimeout(function(){
                console.log('你好');
             },2000);//2秒后才在控制台输出  你好

    setInterval定时器

    window.setInterval(调用函数,延时时间);

            setInterval(function(){
                console.log('你好');
            },2000)//每隔2秒在控制台输出一次你好,不清除定时器会一直运行

    clearTimeout清除定时器

    从单词就可以看出clearTimeout是用来清除第一种定时器的;

    需要给需要清除的定时器起个名字;

    语法:clearTimeout(定时器的名字)

            var timer = setTimeout(function() {
                console.log('你好!');
            },5000);
            clearTimeout(timer);//上面一个定时器就不会在执行程序

    clearInterval清除定时器

    跟上面一个定时器一样,用来清除setInterval定时器的,

    也需要给定时器起一个名字,

    语法:clearInterval(定时器的名字)

            var times = setInterval(function(){
                console.log('你好!');
            },1000);
            setTimeout(function(){
                clearInterval(times); //5秒后清除定时器
            },5000);

    示例如下:

    我们有时候会写多个定时器,在创建定时器并没有用变量保存,这时我们就无法直接清除它了。那么我们就可以写一个清除页面中所有定时器的方法

    要清除定时器,你先要了解返回值是什么

    了解setInterval的返回值是一个代表定时器的数值型,而且这个数值还是按照定时器创建的先后顺序从1开始递增的,知道这个顺序后那么我们清除页面中所有定时器的需求就不难实现了

    直接创建一个定时器然后挨个删除

    【相关推荐:javascript视频教程web前端

    以上就是JavaScript实例解析清除定时器的详细内容,更多请关注php中文网其它相关文章!

    声明:本文转载于:CSDN,如有侵犯,请联系admin@php.cn删除
    专题推荐:javascript
    上一篇:什么是字面量?JS中怎么利用字面量创建对象? 下一篇:【归纳总结】JS数组的常见操作方法,助你提高开发效率!
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 实例介绍javaScript操作字符串的一些常用方法• JavaScript数值的方法和属性详解• 详解JavaScript函数如何实现可变参数?(总结分享)• 简单聊聊JavaScript的Math对象方法• 一起分析JavaScript异常处理方式
    1/1

    PHP中文网