setTimeout()与setInterval()方法区别介绍

 更新时间:2013年12月24日 15:59:39   作者:   我要评论
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍下,希望对大家有所帮助
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。

setTimeout():

在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式;

也就是说在执行完设定好的秒数后再执行。

实验代码(改变body背景颜色):
复制代码 代码如下:

setTimeout(function(){
$("body").css("background","red");
},5000);

setInterval():

在js手册中的解释: 按照指定的周期(以毫秒计)来调用函数或计算表达式. 会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭;

在你设定好的秒数里执行你自己效果代码或函数。

实验代码(数秒实验):
复制代码 代码如下:

<div class="clock"></div>
<script>
var num = 0;
setInterval(function(){$(".clock").html(num++)},1000);
</script>

总结:

setTimeout()方法是在等待指定时间后执行函数, 且只执行一次传入的句柄函数.

setInterval()方法是每指定间隔时间后执行一次传入的句柄函数,循环执行直至关闭窗口或clearInterval().

相关文章

  • javascript 特性检测并非浏览器检测

    javascript 特性检测并非浏览器检测

    NCZ在他的同名博客《Feature detection is not browser detection》中,讲述了一直以来前端开发中的一个热门技术——检测用户的浏览器平台,并详细地叙说历史发展以及各种办法的优缺点。
    2010-01-01
  • 前端开发过程中浏览器版本的两种判定方法

    前端开发过程中浏览器版本的两种判定方法

    前端开发过程中经常需要判断浏览器的版本,达到同时兼容多个浏览器的目的,下面有两种不错的常用方法:jquery及HTML中的注释,喜欢的朋友可以参考下
    2013-10-10
  • bootstrap css样式之表单

    bootstrap css样式之表单

    这篇文章主要为大家详细介绍了bootstrap css样式之表单的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • JS实现简易刻度时钟示例代码

    JS实现简易刻度时钟示例代码

    本篇文章主要介绍了JS实现简易刻度时钟示例代码的资料,这里整理了详细的代码,有需要的小伙伴可以参考下。
    2017-03-03
  • FF下zoom的替代方案 单位em

    FF下zoom的替代方案 单位em

    css 属性zoom是ie私有属性 在FF中(或者说仅实现CSS标准的其他浏览器中)无法使用,一直在网上搜索它的替代方案,但没有收获,后来听群里有朋友说em或可解决此问题,经过研究和测试,发现果然可以解决。
    2008-08-08
  • JavaScript中清空数组的方法总结

    JavaScript中清空数组的方法总结

    本文给大家总结了三种js清空数组的方法,每种方法都与众不同,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-12-12
  • ES6入门教程之let、const的使用方法

    ES6入门教程之let、const的使用方法

    这篇文章主要给大家介绍了关于ES6入门教程之let、const使用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ES6具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • JS与jQuery遍历Table所有单元格内容的方法

    JS与jQuery遍历Table所有单元格内容的方法

    这篇文章主要介绍了JS与jQuery遍历Table所有单元格内容的方法,结合实例形式分别描述了JavaScript与jQuery实现遍历table单元格的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • js实现图片上传并正常显示

    js实现图片上传并正常显示

    这篇文章主要介绍了js实现图片上传并正常显示,我们经常遇到上传照片的情况,如何实现图片上传,本文为大家进行揭晓
    2015-12-12
  • js 图片随机不定向浮动的实现代码

    js 图片随机不定向浮动的实现代码

    这篇文章介绍了js图片随机不定向浮动的实现代码,有需要的朋友可以参考一下
    2013-07-07

最新评论