一文详解JavaScript定时器

什么是定时器?

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

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

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

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

setTimeout()

语法:

setTimeout(func,millisec)

参数

描述

func

要调用的函数后要执行的 JavaScript 代码串。

millisec

在执行代码前需等待的毫秒数。

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

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

setInterval()

语法:

setInterval(func,millisec)

参数

描述

func

要调用的函数后要执行的 JavaScript 代码串。

millisec

周期性执行func的时间间隔,以毫秒计。

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

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

简易计时器项目

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


0


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

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




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






拆除炸弹

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







10



当前文章:一文详解JavaScript定时器
分享URL:http://www.shufengxianlan.com/qtweb/news11/207411.html

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

广告

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