用setTimeout模拟setInterval的功能

偶然看到这个题目,稍微写了下,做个笔记,不足之处请指正 //用setTimeout模仿setInterval var MyInterVal = function(fun,tm){ if(this == window){ return new MyInterVal(fun,tm); } this.Fun = null; this.id = -1;this.clear = function(id){ clearTimeout(this.id); } this.setInterval = functi…

使用setTimeout模拟setInterval效果

由于现在部分浏览器基于对系统性能的优化,在使用setInterval的时候,在页面没有获得关注的状态,浏览器可以会自动将setInterval终端,等到该页面重新获得关注时再开启.这样就会使得一些基于setInterval的定时效果出现意想不到的问题: 解决的办法就是使用setTimeout来模拟setInterval的效果. 具体实现过程如下: var i = 0;function time(){ //每隔1秒让++i console.log(++i); setTimeout(time,100…

setTimeout模拟setInterval调用

在开发环境下,尽量不用间歇调用,原因是后一个间歇调用可能会在前一个间歇调用结束之前启动. 尽量使用超时调用来模拟间歇调用. 示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>超时调用来模拟间歇调用</title> </head> <body> <!--注意src…

为什么要用setTimeout模拟setInterval ？

setInterval有两个缺点: 使用setInterval时,某些间隔会被跳过: 可能多个定时器会连续执行: 在前一个定时器执行完前,不会向队列插入新的定时器(解决缺点一) 保证定时器间隔(解决缺点二) 例子: //使用setTimeout也可以产生setInterval的效果 var i=0; function intv(){ setTimeout(function(){ consolr.log(i++); intv() },1000) } intv()…

setTimeout和setInterval从入门到精通

我们在日常web前端开发中,经常需要用到定时器方法. 前端中的定时器方法是浏览器提供的,并不是ECMAScript规范中的.是window对象的方法. 浏览器中的定时器有两种, 一种是每间隔一定时间执行一次,循环往复.比如每隔一秒执行一次,六十秒过后执行了60次. 一种是过了一定时间执行一次,只执行一次.比如隔一秒后执行一次,过了十万八千秒后也只在第一秒执行了一次,仅有的一次. 第一种是:window.setInterval 第二种是:window.setTimeout 由于window在浏览器…

setTimeout和setInterval的区别以及如何写出效率高的倒计时

1.setTimeout和setInterval都属于js中的定时器,可以规定延迟时间再执行某个操作,不同的是setTimeout在规定时间后执行完某个操作就停止了,而setInterval则可以一直循环执行下去. 下面介绍一下两种定时器的语法: setTimeout(expression,milliseconds) 以及 setInterval(expression,milliseconds) 其中 expression是将要执行的某一项操作,而milliseconds则是延迟时间,expr…

javascript 函数返回值（return）、定时器（setTimeout、setInterval）

一.函数的返回值:return 1.函数名+括号=return后面的值 <script> function fn1(){ return 100; } alert(fn1()); // 100 fn1()=return后面的值100 </script> 2.所有函数默认的返回值:未定义 3.return后任何代码都不被执行二.函数实参的集合:arguments 什么时候用arguments?---> 当函数参数的个数无法确定的时候实例: <script> funct…

js定时器window.setTimeout和setInterval

window.setTimeout(function(){ document.getElementById("editorindex").contentWindow.setContent(data.content); //调用iframe里的setContent()方法 },800); setTimeout 和setInterval的功能都是经过某一个时间段后发生某件指定的事件或者方法…

setTimeout与setInterval方法的区别

setTimeout与setInterval方法的区别 setTimeout()用于设定在指定的时间之后执行对应的函数或代码.,在全局作用域下执行 setTimeout(code,time[,args…]) code: 需要执行的函数或js代码,等待的时间,args:参数如:function sayHello(name, age){ //在5秒钟后弹出提示信息"我叫CodePlayer,今年18岁!". alert("我叫" + name + ",今年&…

settimeout、setinterval区别和相互模拟

前几天翻书,看到“避免双重求值”一节时有提到settimeout().setinterval() 建议传入函数而不是字符串以作为第一个参数,所以这里总结一下settimeout()和setinterval()的区别,以及它们之间的相互模拟. setTimeout(): 方法用于在指定的毫秒数后调用函数或计算表达式(函数更好,下面会解释为什么函数更好!). 语法:setTimeout(code,millisec) code:必需,要调用的函数后要执行的 JavaScript 代码串:millise…

setTimeout和setInterval的注意事项

精准问题 setTimeout的问题在于它并不是精准的,例如使用setTimeout设定一个任务在10ms后执行,但是在9ms后,有一个任务占用了5ms的cpu时间片,再次轮到定时器执行时,时间已经过期了4ms,那么是不是说setInterval就是准确的呢? 然而并不是,setInterval存在两个问题: 时间间隔可能会跳过时间间隔可能小于定时器设定的时间请看以下代码: function click() { // code block1... setInterval(function()…

【转】JS中setTimeout和setInterval的最大延时值详解

前言 JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成.而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题,需要的朋友们下面来一起学习学习吧. 先来看这样一段代码: function update() { loadData().then(function(data) { $('#content').html(data.content); var de…

定时器setTimeout()和setInterval()使用心得整理

JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成. 一.setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行.它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器. var timerId = setTimeout(func|code, delay) 上面代码中,setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名…

setTimeout()基础/setInterval()基础

JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成.它们向任务队列添加定时任务.初始接触它的人都觉得好简单,实际上真的如此么?这里记载下,一路对其使用姿势变迁的历程. setTimeout()基础: setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行.它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器. var timerId = setTimeout(func|code,…

有关定时器setTimeout()、setInterval()详解

JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成. setTimeout() setTimeout函数用来指定某个函数或某段代码,在多少毫秒之后执行.它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器. var timerId = setTimeout(func|code, delay) 上面代码中,setTimeout函数接受两个参数,第一个参数func|code是将要推迟执行的函数名或者…

JavaScript 关于setTimeout与setInterval的小研究

说明在开发功能"轨迹播放"时,遇到了一个情况. 原先同事已经开发了一版,这次有个新功能:点击线上任意一点后可以从点击处重新播放. 看了一下原来的版本,发现同时使用了setTimeout和setInterval,两者配合实现点线播放. 简单结构如下 function test() { setInterval(function () { console.log("interval"); //省略插值方法得到arr (...) play(arr); }, 2000);…

前端开发：setTimeout与setInterval 定时器与异步循环数组

前端开发:setTimeout与setInterval 定时器与异步循环数组前言: 开通博客园三个月以来,随笔记录了工作中遇到的大大小小的难题,也看过无数篇令人启发的文章,我觉得这样的环境是极好的,在与博友的分享中可以学到新的知识.得到先驱者的指正.解决工作中遇到的难题.近一个月工作繁忙,新的文章也迟迟未写,今天呢,过来深入了解一下关于javascript定时器的知识: setTimeout与setInterval简述 setTimeout与setInterval使用方法基本相同,他们接受两…

setTimeout和setInterval定时器使用详解测试

var len=4; while(len--){ var time=setTimeout(function(){ console.log(len); },0); console.log(time); }; 控制台打印结果: 循环执行4次setTimeout给了4个ID,分别是1,2,3,4.而setTimeout函数是被放入函数队列中等待执行,虽然给予的间隔时间为0,但实际每个浏览器的最小间隔都不一样,小于那个值的时候,间隔数不确定.所以最后得出的结果是4个-1也就是循环执行完的结果,队列中放置…

setTimeout 和 setInterval 的区别

setTimeout (表达式,延时时间)setInterval(表达式,交互时间)延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次setInterval 在执行时,它从载入后,每隔指定的时间就执行一次表达式 set Timeout 也可以实现象setInterval一样的功能set Timeout:<script language="javascript">var i;i=…

setTimeout()与setInterval()

一.setTimeout与setInterval的用法(http://www.css88.com/archives/5804) setTimeout是超时调用,javascript是一个单线程的解析器,因此在一定时间内只能执行一段代码:setTimeout的第二个参数只是告诉javascript再过多久将当前任务添加到执行队列中,如果队列是空的,当前添加的代码就会立即执行:如果队列不是空的,就会等前面的代码执行完了之后再执行.(所以超时调用中的方法不一定就会在给定的超时时间到了之后立马执行,前面…

setTimeout 和 setInterval

设置定时器,在一段时间之后执行指定的代码,setTimeout与setInterval的区别在于setTimeout函数指定的代码仅执行一次方法一: window.setTimeout("alert('ok')",5000); 方法二: window.setTimeout(function() { alert("Ok"); }, 5000); 方法三: function showAlert() { alert("ok"); } wi…

Javascript定时器(二)——setTimeout与setInterval

一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 setTimeout: var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID,…

你真的了解setTimeout和setInterval吗？

博客园的代码排版真难用,编辑时候是好的,一保存就是乱了——本文也同时发表在我另一独立博客上你真的了解setTimeout和setInterval吗?,可以移步至这里吧 setTimeout和setInterval的基本用法我们不谈,无非是1.指定延迟后调用函数,2.以指定周期调用函数让我们想象一个意外情况,比如说下面的setInterval setInterval(function(){ func(i++);},100) 我们以每100毫秒调用一次func函数,如果func的执行时间少于10…

使用自定义setTimeout和setInterval使之可以传递参数和对象参数

转载自http://www.jb51.net/article/17859.htm /****************************************************** // // 功能: 修改window.setTimeout,使之可以传递参数和对象参数 // 使用方法: window.setTimeout(回调函数,延迟时间,参数1,参数n) // ******************************************************/ var…

Javascript 笔记与总结（2-13）定时器 setTimeout 和 setInterval

定时器可以让 js 效果每隔几秒钟执行一次或者 n 秒之后执行某一个效果.定时器不属于 javascript,是 window 对象提供的功能. setTimeout 用法: window.setTimeout('语句',毫秒); //指定毫秒后执行一次语句 [例] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D…

原生js轮播以及setTimeout和setInterval的理解

下面这个代码是从一个群下载下来的,为了帮助自己理解和学习现在贴出来,与初学者共勉. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>原生JS图片轮播</title> <style> * {margin: 0;padding: 0;} #box {width: 520px;height: 280px;margin: 100px aut…

【JavaScript】JavaScript中的Timer是怎么工作的（ setTimeout，setInterval）

原文(http://www.yeeyan.org/articles/view/luosheng/24380) 作为入门者来说,了解JavaScript中timer的工作方式是很重要的.通常它们的表现行为并不是那么地直观,而这是因为它们都处在一个单一线程中.让我们先来看一看三个用来创建以及操作timer的函数. var id = setTimeout(fn, delay); - 初始化一个单一的timer,这个timer将会在一定延时后去调用指定的函数.这个函数(setTimeout)将返回一个唯…

Javascript中setTimeout和setInterval的区别和使用

在javascript中,window对象有两个主要的定时方法,分别是setTimeout 和 setInterval,其语法基本上相同,但是完成的功能取有区别. setTimeout方法是定时程序,就是在什么时间以后干什么. setInterval方法则是表示间隔一定时间反复执行某操作. 如果用setTimeout实现setInerval的功能,就需要在执行的程序中再定时调用自己才行.如果要清除计数器需要根据使用的方法不同,调用不同的清除方法:例如:t=setTimeout('northsn…

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

计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别,下面为大家简单介绍下,希望对大家有所帮助计时器setTimeout()和setInterval()两个都是js的计时功能的函数两个有些区别. setTimeout(): 在js手册中的解释:用于在指定的毫秒数后调用函数或计算表达式: 也就是说在执行完设定好的秒数后再执行. 代码如下: setTimeout(function(){ $("body").css("back…

js中的setTimeout和setInterval

在html页面中要使用自动刷新功能时,可以是使用js中setTimeout和setInterval: 一.使用方法 setTimeout的使用setTimeout('要调用的Js方法', 调用的延迟时间); setInterval的使用setInterval('要调用的Js方法', 调用的延迟时间); 两者的使用方法相同. 二.区别 setTimeout调用的方法只会在调用延迟时间之后执行一次,不会重复执行: setInterval调用的方法会在间隔调用延迟之后重复执行,即每间隔延迟的时间就会执…

【用setTimeout模拟setInterval的功能】的更多相关文章