jssetinterval

时间:2024-06-26 22:52:20编辑:奇闻君

js计时器中setTimeout和setInterval的区别和使用

JavaScript 计时器计时器类型:一次性计时器(setTimeout):仅在指定的延迟时间之后触发一次。间隔性触发计时器(setInterval):每隔一定的时间间隔就触发一次。计时器方法:一.计时器setInterval() 在执行时,从载入页面后每隔指定的时间执行代码。语法:setInterval(代码,交互时间);参数说明:1. 代码:要调用的函数或要执行的代码串。2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。调用函数格式(假设有一个clock()函数):setInterval("clock()",1000)或setInterval(clock,1000)我们设置一个计时器,每隔100毫秒调用clock()函数,并将时间显示出来,代码如下:计时器 var int=setInterval(clock, 100) function clock(){ var time=new Date(); document.getElementById("clock").value = time; } 二.计时器setTimeout() setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。语法:setTimeout(代码,延迟时间);参数说明:1. 要调用的函数或要执行的代码串。2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。当我们打开网页3秒后,在弹出一个提示框,代码如下: setTimeout("alert('Hello!')", 3000 );当按钮start被点击时,setTimeout()调用函数,在5秒后弹出一个提示框。function tinfo(){ var t=setTimeout("alert('Hello!')",5000); } 要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身。在下面的代码,当按钮被点击后,输入域便从0开始计数。var num=0;function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); }


javascript中setInterval函数是什么意思?

是用来设置定时执行的,JavaScript中的setInterval用法如下: setInterval动作的作用是在播放动画的时,每隔一定时间就调用函数,方法或对象。可以使用本动作更新来自数据库的变量或更新时间显示。setInterval动作的语法格式如下: setInterval(function,interval[,arg1,arg2,......argn]) setInterval(object,methodName,interval[,arg1,arg2,.....argn]) 第一种格式是标准动作面板中setInterval函数的默认语法,第二种格式是在专家模式动作中使用的方法。 其中的参数function是一个函数名或者一个对匿名函数的引用。object参数指定从Object对象派生的对象。methodName制定 object参数中要调用的方法。 interval制定对function或methodName调用两次之间的时间,单位是毫秒。后面的arg1等是可选的参数,用于制定传递给function或是methodName的参数。 setInterval它设置的时间间隔小于动画帧速(如每秒10帧,相当于100毫秒),则按照尽可能接近interval的时间间隔调用函数。 而且必须使用updateAfterEvent动作来确保以足够的频率刷新屏幕。如果interval大于动画帧速,则只用在每次播放头进入某一帧是才调用,以减小每次刷新屏幕的影响。下面的例子每隔1秒调用一次匿名函数。 setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数,后面的1000是时间间隔,单位是毫秒。 下面的例子为我们展示如何带参数运行。function show1(){ trace("每隔1秒显示一次");}function show2(str){ trace(str);}setInterval(show1,1000); setInterval(show2,2000,"每隔2秒我就会显示一次");上面已经将函数的setInterval方法介绍了。下面我们将介绍对象的setInterval方法。首先,写一个setInterval在动作中调用对象的方法的例子,该例子不需要传递参数。myobj=new Object();//创建一个新的对象myobj.interval=function){ trace("每隔1秒显示一次");}//创建对象的方法。setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。接下来介绍如何传递参数。其实道理和函数的传递参数是一样的。myobj=new Object();myobj.interval-function(str){ trace(str);}setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");注意。要调用为对象定义的方法时,必须在专家模式中使用第二种语法格式。这样子的话呢,我们来作一个动态显示时间的画面。可以用下面的代码实现。setInterval(show,1000);function show(){ time=new Date(); hour=time.getHours(); minu=time.getMinutes(); sec=time.get.Seconds(); datetime=hour+":"+minu+":"+sec;}//这里的datetime是一个动态文本框的变量名字。这样子呢,setInterval这个方法大家应该学的很好了。现在呢,我们学习clearInterval.clearInterval动作的作用是清楚对setInterval函数的调用,它的语法格式如下clearInterval(intervalid);intervalid是调用setInterval函数后返回的对象。下面举一个简单的例子。function show(){ trace("每隔一秒显示一次");}var sh;sh=setInterval(show,1000);clearInterval(sh);


JS中SetTimeOut和SetInterval方法的区别?

1.setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。var int=self.setInterval("clock()",50)function clock() { var t=new Date() document.getElementById("clock").value=t }Stop interval2.setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout() 只执行 code 一次。function timedMsg(){ var t=setTimeout("alert('5 seconds!')",5000)}Click on the button above. An alert box will be displayed after 5 seconds.


JS setInterval暂停和重启

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。setInterval() 没有暂停这一说,只能清除和开启。$(function () {var iCount = setInterval(GetBack, 3000);function GetBack() {alert("aa");$.ajax({type: "POST",url: "WebForm4.aspx/GetString",dataType: "text",contentType: "application/json; charset=utf-8",beforeSend: function (XMLHttpRequest) {},success: function (msg) {alert("ff");},error: function (msg) {alert(msg);}});}$("#cOk").click(function (e) {clearInterval(iCount);});});sss后台代码------------------[WebMethod]public static string GetString(){return "aa";}

上一篇:中山人力资源和社会保障局

下一篇:小海网络