一文详解JavaScript定时器

什么是定时器？

定时器就是可以定时一段时间后执行某些功能，或者每隔一段时间重复执行某些功能。

成都创新互联-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、四川雅安服务器托管、等保安全、私有云建设等企业级互联网基础服务，来电联系：18982081108

定时器和循环的区别要尤其注意，循环结构内部使用延时函数也可以实现定时器的重复执行效果，但是如果使用循环加延时，程序是阻塞的，会一直停留在循环过程中，循环结构后面的程序无法执行。即计算机资源一直处于被占用状态，消耗也很大。

定时器是只在触发的时刻执行指定功能，没有到触发时刻程序不会阻塞，按照顺序，正常执行定时器后面的程序。

setTimeout()

语法：

setTimeout(func,millisec)

功能：在指定的毫秒数后调用函数。

setTimeout(function(){
  alert("start");
}, 3000);

setInterval()

语法：

setInterval(func,millisec)

功能：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。

setInterval(function(){
  console.log("hioier.com");
}, 1000);

简易计时器项目

实现一个计时器，绿色方框内数字从0开始，每隔1s增加1。

  
0

  

跳跃坠落两张图片循环切换

例如：两张图片的名字分别为11.jpg和12.jpg，只需设置一个变量在11和12之间切换即可。

停止定时器，按下停止跳跃按钮，停止跳跃。

  
  停止跳跃

  

拆除炸弹

炸弹倒计时10s，如果没有拆除就会爆炸，现在请你点击按钮拆除炸弹。

      
        开始拆弹
      
      

        
        

          

            10
          

        

      

    

当前标题：一文详解JavaScript定时器
转载注明：http://www.gawzjz.com/qtweb/news11/207411.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联