JS定时器

1、定时器又称为延迟器,会在某个时间以后执行指定的代码

语法:
Var timer=setTimeout(‘表达式’,’毫秒’);
表现在指定的毫秒数后执行前面的表达式

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
 <body>
    <script>
        function display(){
            alert('hello');
        }
        setTimeout('display()',3000);
    </script>
 </body>
</html>

2.分析setTimeout是停留在当前行还是继续执行?

<script>
        function display(){
            alert('hello');
        }
        setInterval('display()',3000);
                alert('first');
    </script>

经过上面代码分析,发现,先弹出“first”,说明定时器在执行时,没有停留,而是加载这行代码之后立即再去执行后面语句
当程序执行setTimeout方法时,会向系统内存中抛出一个定时器对象,然后当指定时间到达之后,这个定时器对象会自动执行指定语句,然后对象消失

3.如果需要反复执行某一个程序,还可以使用setInterval

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>
 <body>
    <script>
        function display(){
            alert('hello');
        }
        // setTimeOut('display()',3000);
        setInterval('display()',3000);
    </script>
 </body>
</html>

经过测试,我们发现,setInterval会反复执行,setTimeout只执行一次
setTimeout语句执行时,会被反复编译
setInterval语句执行时,只会编译一次

4.清除定时器

动画执行时,如果想关闭动画的执行,可以调用clearTimeout来清除定时器对象
Var timer=setTimeout();
clearTimeout(timer);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前言:在引用开发中,我们经常需要在页面中执行一些周期性的操作,比如每隔一段时间就执行某一固定的操作。而对于这样的操...
    帅帅哒小白阅读 10,709评论 1 3
  • 从JS执行机制说起 浏览器(或者说JS引擎)执行JS的机制是基于事件循环。 由于JS是单线程,所以同一时间只能执行...
    love2013阅读 4,410评论 0 1
  • 定时器 JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和se...
    李诺哦阅读 4,662评论 0 0
  • 最近被《欢乐颂》刷屏,剧中安迪聪明睿智的职场女神形象深受喜爱。 安迪,哥伦比亚大学商学院毕业,华尔街投行高管,回国...
    朱进伟西农阅读 7,257评论 0 9
  • 秋风冽冽入残晖,月上东山伫木围。 收尽繁星清露点,衣单无奈榻床依。
    风中漫想阅读 3,222评论 8 27

友情链接更多精彩内容