JS中SetTimeout和SetInterval使用初探
更新时间：2017年03月23日 10:07:46 作者：净心净意
这篇文章主要介绍了JS中SetTimeout和SetInterval使用初探,需要的朋友可以参考下
一切尽在代码截图中，愿意和大家一起成长！可以喷，毕竟是菜鸟！ 好了，废话不多说了，看具体实例代码吧！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="wraper"></div>
<div class="wraper1">abcd123441223432 </div>
<button onclick="clearIt=window.clearInterval(clearIt)">
Stop</button>
<script>
window.onload = function () {
$('.wraper').html('12343242342')
setTimeout(function () {
$('.wraper').hide();
setTimeout(function () {
$('.wraper1')[0].style.backgroundColor = 'red';
console.log(new Date(),"in");
},20000);
console.log(new Date(),"out");
},10000);
}
var clearIt=self.setInterval("setIntervalTest()",1000);
function setIntervalTest () {
console.log('++++');
}
</script>
<script type="text/javascript" src="jquery/jquery-min.js"></script>
</body>
</html>
补充：下面看下setTimeout和setInterval的相同处及区别介绍
setTimeout和setInterval的相同处
setTimeout和setInteval 都是window对象的定时方法，它们语法基本上相同。它们都有两个参数，一个是将要执行的代码字符串，还有一个是以毫秒为单位的时间间隔，当过了那个时间段之后就将执行那段代码。
setTimeout和setInterval的区别
setTimeout方法是定时程序，也就是在什么时间以后干什么。干完了就拉倒。
setInterval方法则是表示间隔一定时间反复执行某操作。
如果用setTimeout实现setInerval的功能，就需要在执行的程序中再定时调用自己才行。
如果要清除定时器则根据创建定时器时使用的方法调用不同的清除方法：
例如：
timer=setTimeout('startShow()',2000);
clearTimeout(timer);
或者：
timer=setInterval('startShow()',2000);
clearInterval(timer);
以上所述是小编给大家介绍的JS中SetTimeout和SetInterval使用初探，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
经常有人问，百度地图JavaScript API能在同一页面显示多个地图吗？当然可以啊，为什么不可以呢？地图之于页面无非就是个div，我们可以在页面显示多个div，自然也可以显示多个地图。2013-04-04
今天是相当的困，所以就点比较容易点的东西吧，讲关于鼠标移动后出现提示信息的js代码。能力有限，写得不好尽管提出来。2010-01-01
这篇文章主要介绍了Typescript定义多个接口类型声明的方式小结,在 TypeScript 中,您可以使用交叉类型(&)或联合类型(|)来组合多个接口,从而实现多个接口类型的混合,文中通过代码讲解的非常详细,需要的朋友可以参考下2025-01-01
这篇文章主要给大家介绍了一个JS操作符in问题引发的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
这篇文章主要为大家详细介绍了微信小程序实现日历小功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了JS实现浏览器状态栏显示时间的方法,涉及JavaScript针对时间及状态栏操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了使用JavaScript在html文档内添加新的元素节，主要打方式就是动态的改变原有html文档结构，下文详细介绍内容需要的可以参考一下2022-02-02
这篇文章主要为大家介绍了js性能优化之数组模式实例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
这篇文章主要介绍了js获取当前时间，一种是获取昨天、今天、明天的准确时间，一个精确到时分秒,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要是对js导入导出excel的实例代码进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
最新评论