您好,登录后才能下订单哦!
本篇文章为大家展示了setTimeout()和setInterval()怎么在JavaScript中使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies,包括创建和修改等。7、基于Node.js技术进行服务器端编程。
1、 超时调用setTimeout()
顾名思义,超时调用的意思就是在一段实际之后调用(在执行代码之前要等待多少毫秒)
setTimeout()他可以接收两个参数:
1.要执行的代码或函数
2.毫秒(在执行代码之前要等待多少毫秒)
function test(){ alert("孙悟空"); } setTimeout(test,2000); //2s后弹出 “孙悟空”
clearTimeout()
clearTimeout,表示清除定时器,可以用它取消未执行的调用
var timmer=function test(){ alert("孙悟空"); } setTimeout(test,2000); //2s后弹出 “孙悟空” clearTimeout(timmer); //取消定时器,因为前者在两秒后调用,调用之前已经取消相当于什么也没发生
2、间歇调用setInterval()
间歇调用就是指定的时间内不断地重复执行代码,大白话就是“一会调用一次,一会调用一次”
setInterval()它也接收两个参数,与前者相同:
1.要执行的代码或函数
2.毫秒(在执行代码之前要等待多少毫秒)
function test(){ alert("孙悟空"); } setInterval(test,2000); //每隔2s后弹出一次 “孙悟空”
clearInterval()
clearInterval()与clearTimeout()使用方法相同,也是清除定时器方法
var num=0; var max=10; function test(){ num++; if (num==max){ clearInterval(timer); //累加到10时清除清定时器 alert("这里有"+num+"个孙悟空"); //这里有10个孙悟空 } } timer=setInterval(test,500);
在上面的例子中,变量num每隔0.5s递增一次,当递增到最大值时就会清除先前设置的定时器(间歇调用)。
这个模式也可以用超时调用来实现
var num=0; var max=10; function test(){ num++; if (num<max){ setTimeout(test,500); }else{ alert("这里有"+num+"个孙悟空") } } setTimeout(test,500);
上述内容就是setTimeout()和setInterval()怎么在JavaScript中使用,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。