Javascript中的定时器

2021041215342352822.jpg

    Javascript中有两种定时器,分别是setInterval()、setTimeout(),两者都是定时器,但是二者却又各有不同,本文就带大家一起了解这两种定时器。

1.setTimeout()

    设置计时器

         setTimeout(setTime,2000);        function setTime(){             alert("2秒时间到了");        }    

登录后复制

    清除计时器

立即学习“Java免费学习笔记(深入)”;

                const btn=document.querySelector("button");        let set=setTimeout(() => {            alert("已经过去三秒了");        }, 3000);        btn.addEventListener("click",(e)=>{            clearTimeout(set);        });          

登录后复制

2.setInterval()

    设置计时器

        setInterval(setInter, 3000);        function setInter(){             console.log("我被周期性3s时间打印");        }    

登录后复制

    清除计时器

                const btn=document.querySelector("button");        let set=setInterval(setInter, 3000);        btn.onclick=(e)=>{            clearInterval(set);        };        function setInter(){             console.log("我被周期性3s时间打印");        }    

登录后复制

 推荐:《2021年js面试题及答案(大汇总)》

以上就是Javascript中的定时器的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2715146.html

(0)
上一篇 2025年3月7日 21:41:22
下一篇 2025年2月27日 06:04:28

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript调用后台的方法

    在javascript中,可以使用“”调用后台,语法“”。Javascript调用服务器端的exe或者是dll中的某个函数,甚至是linux的二进制可执行文件,在服务器中运行,运行后返回结果给js。 本教程操作环境:windows7系统、j…

    2025年3月7日
    200
  • javascript失去焦点如何设置

    javascript失去焦点的设置方法:使用blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象。 本教程操作环境:windows7系统、javascript1.8.5版,DEL…

    2025年3月7日
    200
  • javascript怎么改变css

    javascript改变css的方法:首先新建一个html文件,并使用p标签创建一行文字;然后通过class设置p标签的样式;接着使用button标签创建一个按钮;最后通过“changeColor()”函数实现改变css样式即可。 本文操作…

    2025年3月7日 编程技术
    200
  • javascript如何删除Cookie

    在javascript中想要删除cookie,首先需要找到cookie对应的name对应的值,将其设置为过期;然后设置expire属性的值为过期日期(即任何过去日期)即可,浏览器会自动删除cookie文件。 本教程操作环境:windows7…

    2025年3月7日
    200
  • javascript怎么设置字体颜色

    javascript设置字体颜色的方法:首先获取需要设置字体颜色的DOM元素对象;然后使用style对象的color属性来设置字体颜色,语法“DOM对象.style.color=”颜色值”;”。 本教程操作环境:wi…

    2025年3月7日
    200
  • JavaScript如何定义静态方法

    在javascript中,直接定义在构造函数上的方法和属性是静态的, 定义在构造函数的原型和实例上的方法和属性是非静态的。静态方法主要用于操作静态属性,可以用“类名.属性=function(){}”进行定义。 本教程操作环境:windows…

    2025年3月7日
    200
  • JavaScript中如何实现异步编程模式

    JavaScript中实现异步编程模式的方法:1、回调函数,这是异步编程最基本的方法;2、事件监听;3、发布或订阅;4、Promises对象。 本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。 J…

    2025年3月7日
    200
  • javascript怎么求长度

    在javascript中,可以使用length属性来求长度;length属性可以返回字符串的长度(字符数)或者数组中元素的数目,语法格式“string.length”或“array.length”。 本教程操作环境:windows7系统、j…

    2025年3月7日
    200
  • javascript如何设置select值

    javascript设置select值的方法:1、原生js设置select值,代码为【var gd2=document.getElementById(“goods_name2”)】;2、jquery设置select值…

    2025年3月7日
    200
  • javascript如何设置图片时间

    javascript设置图片时间的方法:获取当前时间,并转换为字符串,循环获取字符串并改变节点图片路径,代码为【var sr = toDou(time.getHours())+toDou(time.getMinutes())+toDou】。…

    2025年3月7日
    200

发表回复

登录后才能评论