您当前的位置:首页 > 美文分享

setinterval函数(如何在一个页面使多个setInterval函数正常运行)

时间:2023-01-31 11:41:24

本文目录

  • 如何在一个页面使多个setInterval函数正常运行
  • 如何在jQuery中使用 setInterval,setTimeout
  • js里setinterval怎么用
  • setinterval怎么清除
  • 关于javascript的setInterval函数传参问题

如何在一个页面使多个setInterval函数正常运行

问题:当一个页面同时有两个setInterval函数调用的冲突如何解决?

解决方法:

定义两个变量 并把 setInterval 赋值给变量

var a = setInterval(function(){ ------ code ------},1000) 

var b = setInterval(function(){ ------ code ------},1000) 

清除

clearInterval(a)

clearInterval(b)

注:

setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能:取消由setInterval()方法设置的定时器。

如何在jQuery中使用 setInterval,setTimeout

方法1. 应用jQuery的扩展可以解决这个问题。

$(document).ready(function(){

$.extend({show:function(){alert(“ready“);}});setInterval(“show()“,3000);});

方法2. 指定定时执行的函数时不要使用引号和括号。

$(function(){function show(){alert(“ready“);}setInterval(show,3000);// 注意函数名没有引号和括弧!

// 使用setInterval(“show()“,3000);会报“缺少对象”

});

区别:

setTimeout()

从载入后延迟指定的时间去执行一个表达式或者是函数;

仅执行一次 ;和window.clearTimeout一起使用.

setInterval()

在执行时,它从载入页面后每隔指定的时间执行 一个表达式或者是函数;(功能类似于递归函数);和window.clearInterval一起使用.

补充说明:

这两个方法都可以用来实现在一个固定 时间段之后去执行JavaScript。不过两者各有各的应用场景。

方 法

实际上,setTimeout和 setInterval的语法相同。它们都有两个参数,一个是将要执行的代码字符串,还有一个是 以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码。

不过这两个函数还是有区别的, setInterval在执行完一次代码之后,经过了那个固定的时间间隔,它还会自动重复执行代 码,而setTimeout只执行一次那段代码。

虽然表面上看来setTimeout只能应用在on-off方式的动作上,不过可以通 过创建一个函数循环重复调用setTimeout,以实现重复的操作:

showTime();

function showTime()

{

var today = new Date();

alert(“The time is: “ + today.toString ());

setTimeout(“showTime()“, 5000);

}

一旦调 用了这个函数,那么就会每隔5秒钟就显示一次时间。如果使用setInterval,则相应的代 码如下所示:

setInterval (“showTime()“, 5000);

function showTime()

{

var today = new Date();

alert(“The time is: “ + today.toString ());

}

js里setinterval怎么用

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);

setinterval怎么清除

一般讲setinterval函数赋值给一个变量,使变量获取setinterval函数的句柄然后使用方法clearInterval(句柄);停止《script type=“text/javascript“》$(function () {//iCount获取setInterval句柄var iCount = setInterval(GetBack, 3000);function GetBack() {alert(“aa“); }//id为cOk绑定点击事件$(“#cOk“).click(function (e) {//清除setIntervalclearInterval(iCount);});});《/script》

关于javascript的setInterval函数传参问题

定义和用法setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。语法:setInterval(code,millisec[,“lang“])参数描述:code    必需。要调用的函数或要执行的代码串。    millisec    必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。    返回值:一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。实例《html》《body》    《input type=“text“ id=“clock“ size=“35“ /》    《script language=javascript》        var int=self.setInterval(“clock()“,50)        function clock(){          var t=new Date()          document.getElementById(“clock“).value=t         }    《/script》    《/form》    《button onclick=“int=window.clearInterval(int)“》Stop interval《/button》《/body》《/html》

函数

最新文章