setTimeout()与setInterval()方法区别介绍
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别。
setTimeout():
在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式;
也就是说在执行完设定好的秒数后再执行。
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().
相关推荐
-
setTimeout()与setInterval()方法区别介绍
计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别. setTimeout(): 在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式: 也就是说在执行完设定好的秒数后再执行. 实验代码(改变body背景颜色): 复制代码 代码如下: setTimeout(function(){ $("body").css("background","red"); },5000); setInterval(
-
setTimeout与setInterval的区别浅析
前言 在制作网页动态效果时,一定会遇到某些需求,要求某段程序等待多时时间后再开始执行,就像在我们的生活中一样,待会儿再开始做一件事.在JavaScript中主要通过定时器实现此类需求,本文将对定时器做一个概括,正对setTimeout()做一个详细用法总结. setTimeout()定义和用法 首先让我们看一看W3C上关于setTimeout方法的介绍 定义 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 语法 setTimeout(code,millisec) 参数:
-
Javascript对象中关于setTimeout和setInterval的this介绍
在Javascript里,setTimeout和setInterval接收第一个参数是一个字符串或者一个函数,当在一个对象里面用setTimeout延时调用该对象的方法时 复制代码 代码如下: function obj() { this.fn = function() { alert("ok"); console.log(this); setTimeout(this.fn, 1000);//直接使用this引用当前对象 } } var o = new obj(); o.fn(); 然后
-
setTimeout和setInterval的区别你真的了解吗?
甚至可能会错误的把两个实现定时调用的函数理解成了类似thread一样的东西, 认为会在一个时间片内, 并发的执行调用的函数, 似乎很好很强大, 但其实并不是如此, 实际的情况是javascript都是以单线程的方式运行于浏览器的javascript引擎中的, setTimeout和setInterval的作用只是把你要执行的代码在你设定的一个时间点插入js引擎维护的一个代码队列中, 插入代码队列并不意味着你的代码就会立马执行的,理解这一点很重要. 而且setTimeout和setInterval
-
javascript setTimeout和setInterval 的区别
setTimeout方法是定时程序,也就是在什么时间以后干什么.干完了就拉倒. setInterval方法则是表示间隔一定时间反复执行某操作. 如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行.如果要清除计数器需要 根据使用的方法不同,调用不同的清除方法: 例如: tttt=setTimeout('northsnow()',1000); clearTimeout(tttt); 或者: tttt=setInterval('northsnow()',1
-
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
网上有很多教你怎么使用jQuery.data(..)来实现数据缓存,但有两个用户经常使用的data([key],[value])和jQuery.data(element,[key],[value])几乎没有什么文章说清楚它们两的区别,所以我用到了,研究下分享给大家. $("").data([key],[value])与jQuery.data(element,[key],[value])的区别 这两个函数都是用来在元素上存放数据也就平时所说的数据缓存,都返回jQuery对象,当时我分别在
-
JS中SetTimeout和SetInterval使用初探
一切尽在代码截图中,愿意和大家一起成长!可以喷,毕竟是菜鸟! 好了,废话不多说了,看具体实例代码吧! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div class="wraper">
-
setInterval()和setTimeout()的用法和区别示例介绍
1. setInterval() 用法_学习 复制代码 代码如下: //每隔一秒自动执行方法 var c=0; function showLogin() { alert(c++); } //setInterval方法或字符串 ,毫秒,参数数组(方法的)) setInterval("showLogin()","1000"); 2.setTimeout setTimeout()在js类中的使用方法 setTimeout (表达式,延时时间) setTimeout(表达式
-
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式. setInterval() 方法会不停地调用函数,直到 clearInterval()被调用或窗口被关闭.由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数. 提示: 1000 毫秒= 1 秒. 语法 setInterval(code,millisec,lang) 参数 描述 code 必需.要调用的函数或要执行的代码串. millisec 必须.周期
-
JavaScript setTimeout和setInterval的用法与区别详解
目录 I. 总述 II. setTimeout()函数 III. setInterval()函数 IV. 新年倒计时案例 总结 I. 总述 首先,setTimeout()和setInterval()函数是JavaScript中两个很重要的关于"时间的函数",因此,我们在学习JavaScript的过程中,一定要对这两个函数有一个深入的学习,它们两个函数也是经常被使用! 其中,如果分别用一句话来概括这两个函数,那么应该是这样的: setTimeout(): 该函数能够按照设定的时间值延迟执
随机推荐
- asp.net session的使用与过期实例代码
- JSP常见的三个编译指令page、include、taglib
- 浅析javascript 定时器
- java webApp异步上传图片实现代码
- Jexcel实现按一定规则分割excel文件的方法
- python 网络爬虫初级实现代码
- python使用reportlab画图示例(含中文汉字)
- python 中的divmod数字处理函数浅析
- PHP关于htmlspecialchars、strip_tags、addslashes的解释
- Symfony2针对输入时间进行查询的方法分析
- Js+php实现异步拖拽上传文件
- 浅析Java中线程的创建和启动
- 微信小程序 scroll-view组件实现列表页实例代码
- w3wp.exe内存占用过高(网站打不开,应用程序池回收就正常)
- android adb实用命令小结
- Smarty foreach控制循环次数的实现详解
- PHP 布尔值的自增与自减的实现方法
- jQuery Migrate 插件用法实例详解
- php判断目录存在的简单方法
- Python中捕获键盘的方式详解