源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript学习笔记(十五) js间歇调用和超时调用

  • 时间:2022-01-28 01:19 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript学习笔记(十五) js间歇调用和超时调用
1.超时调用setTimeout() setTimeout() 方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
[u]复制代码[/u] 代码如下:
setTimeout( function () { alert("你好!"); },1000);
调用前取消clearTimeout(),接受一个参数超时调用ID
[u]复制代码[/u] 代码如下:
var timeOutId = setTimeout( function () { alert("你好!"); },1000); clearTimeout(timeOutId);
2.间歇调用setInterval() setInterval()方法接受两个参数,第一个参数是函数,第二个参数是时间(单位微秒),返回数值ID
[u]复制代码[/u] 代码如下:
setInterval( function () { alert("你好!"); },1000);
取消调用clearInterval(),接受一个参数间歇调用ID
[u]复制代码[/u] 代码如下:
var intervalId = null; var span = document.createElement("span"); //创建span节点 span.Id="time"; //设置span的id document.body.appendChild(span); //body内添加span function incrementNumber () { var now = new Date(); var timeStr = now.toLocaleTimeString(); span.innerText =timeStr; num++; if (num == 10) { clearInterval(intervalId); //十秒后时间不变了 } } intervalId = setInterval(incrementNumber,1000);
3.尽量用超时调用替代间歇调用
[u]复制代码[/u] 代码如下:
var num = 0; var max = 10; function incrementNumber() { num++; if (num<max) { setTimeout(incrementNumber,1000); } else { alert("OK"); } } setTimeout(incrementNumber,1000);
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部