js计时器方法 setInterval(),setTimeout()

window.setInterval() 周期性地调用一个函数(function)或者执行一段代码。

1 var intervalID = window.setInterval(func, delay[, param1, param2, ...]);
2 var intervalID = window.setInterval(code, delay);  //不推荐

window.clearInterval() 取消掉用setInterval设置的重复执行动作

1 window.clearInterval(intervalID)

实例:

 1 <script type="text/javascript">
 2     $(document).ready(function(){
 3         // method one
 4         var nIntervId1 = setInterval(flashText, 2000);
 5         // method two
 6         var nIntervId2 = setInterval("flashText()", 2000);
 7         // 不推荐
 8         var nIntervId3 = setInterval("console.log(‘hello world!‘)",3000);
 9         //
10         var nIntervId4 = setInterval(function(){
11             console.log("hello boyy!");
12         },3000);
13         // clear
14         clearInterval(nIntervId1);
15     });
16     //
17     function flashText() {
18         console.log("exec function flashText()");
19     }
20 </script>

window.setTimeout 在指定的延迟时间之后调用一个函数或者执行一个代码片段。

var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]);
var timeoutID = window.setTimeout(code, delay);  //不推荐

window.clearTimeout() 取消掉用setTimeout设置的重复执行动作

1  window.clearInterval(timeoutID)
时间: 2024-08-25 09:39:28

js计时器方法 setInterval(),setTimeout()的相关文章

js计时器方法的使用

js中计时器重要使用window.setInterval()方法和window.setTimeout()方法, 其中setInterval()方法的作用是每隔一段时间执行一次方法,而window.setTimeout()在一段时间内调用函数. setTimeout()方法一般通过调用自身迭代的方式实现计时器.与这两个方法对应的,还有清除这两个函数效果的 两个方法,分别是window.clearInterval()和window.clearTimeout(). 1.setInterval()和cl

window对象方法之setTimeout(),setInterval()

window中的这两个方法是比较重要的,在许多的设计中会使用到这两个方法.比如使用在倒计时抢购中. 首先来说说这两个方法的用法吧! 一:window.setTimeout(); setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. //延迟几秒以后执行代码,并且只执行 一次 语法: setTimeout(code,millisec); 例子:两秒后,弹出“hello js”: 1 第一个参数 我们要执行的代码 或则 一个函数 2 第二个参数 毫秒数第一种写法 (直接写 js

跳转的两种实现方法setInterval和setTimeout

setInterval方法: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>出错啦~~~</title> <link href="css/login1.css" mce_href="css/login1.css" rel="

JS 计时器参数剖析与真题

JS 计时器参数剖析与真题 HTML5学堂-码匠:计时器的第一个参数,包含几种不同的书写方法,可以是函数名,匿名函数,JS代码字符串,还有一些面试题当中会出现"函数调用"的书写方式. 那么,这些不同的书写方法分别表示什么呢?在计时器中出现的第一个参数,作用域又是在哪里创建的? 计时器的第一个参数 函数名的书写方法 这是最为常见的一种书写方法,该方法表示的是,在固定毫秒之后,将这个函数名的函数添加到执行队列当中,让其执行. 字符串式的书写方法 当一个函数有参数时,很多人会采用这样的调用方

实现Animating使用requestAnimationFrame,尽量不用setInterval,setTimeout

requestAnimationFrame(基于脚本的动画的控制),最初是在某html5教程里看到的,是用来代替setInterval(),setTimeout()进行绘制动画更平滑更高效的方法. requestAnimationFrame 方法可以解决丢失帧的问题,因为它使应用能够在浏览器需要更新页面显示时(而且仅在这种情况下)获得通知. 因此,应用可与浏览器的绘制时间间隔保持完全一致,并且仅使用适量的资源.从 setTimeout 切换到 requestAnimationFrame 非常容易

JS中的window.setTimeout()详解

相关用法: setTimeout (表达式,延时时间)setInterval (表达式,交互时间)其中延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 1,基本用法: var i=0;   setTimeout("i+=1;alert(i)",1000);   执行一个函数:   var i=0;   setTime

盈创动力之 JS校验方法

var IS_NULL = 128; // 10000000var IS_FULL = 64; // 01000000var IS_HALF = 32; // 00100000var IS_ASCII = 16; // 00010000var IS_NUM = 8; // 00001000var IS_DATE = 4; // 00000100var IS_PHONE = 2; // 00000010var IS_EMAIL = 1; // 00000001var IS_NOT_NULL = 0

js计时器的问题

不说话直接上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>jishiqi</title> </head> <body> </body> </html> <script type="text/javascript"> var str="三小的校

setInterval setTimeout 详解

JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如 setTimeout( function(){ alert('你好!'); } , 0); setInterval( callbackFunction , 100); 认为setTimeout中的问候方法会立即被执行,因为这并不是凭空而说,而是JavaScript API文档明确定义第二个参数意义为隔多少毫秒后,回调方法