js の 计时器

JavaScript 计时事件

通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。

在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:

  • setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
  • setTimeout() - 暂停指定的毫秒数后执行指定的代码

1.setInterval() 方法

setInterval() 间隔指定的毫秒数不停地执行指定的代码

语法

window.setInterval("javascript function",milliseconds);

window.setInterval() 方法可以不使用window前缀,直接使用函数setInterval()

setInterval() 第一个参数是函数(function)。

第二个参数间隔的毫秒数

PS: 1000 毫秒是一秒。

如何停止执行?

clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。

语法

window.clearInterval(intervalVariable)

window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()

要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:

myVar=setInterval("javascript function",milliseconds);

然后你可以使用clearInterval() 方法来停止执行。

2.setTimeout() 方法

语法

t=window.setTimeout(javascript function",毫秒数);

setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 t 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。

setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。这个语句可能诸如 "alert(‘5 seconds!‘)",或者对函数的调用,诸如 alertMsg()"。

第二个参数指示从当前起多少毫秒后执行第一个参数。

如何停止执行?

clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。

语法

window.clearTimeout(timeoutVariable)

window.clearTimeout() 方法可以不使用window 前缀。

要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:

myVar=setTimeout("javascript function",milliseconds);

如果函数还未被执行,你可以使用 clearTimeout() 方法来停止执行函数代码。

以下代码是我之前点击转换图片代码的升级版,即 每隔3秒自动转换一次图片

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body onload="gaigai()">
<script>
function gaigai(){
    setInterval(function ()
{
    element=document.getElementById(‘im‘)
    if (element.src.match("2"))
     {
          element.src="./1.jpg";
     }
    else
     {
          element.src="./2.jpg";
      }
},3000);
}
</script>

<img id="im"  src="./2.jpg" />

</body>
</html>
时间: 2024-08-30 04:34:33

js の 计时器的相关文章

js计时器的问题

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

JS 计时器参数剖析与真题

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

js计时器方法的使用

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

js计时器

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>计时器</title><script type="text/javascript"> var t=0; var t1;//定义$函数获取idfunction

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.clearInt

微信小程序 js 计时器

function timing(that) {  var seconds = that.data.seconds  if (seconds > 21599) {    that.setData({      time: '6小时,不想继续了gg'    });    return;  }  setTimeout(function () {    that.setData({      seconds: seconds + 1    });    timing(that);  }    , 100

js 计时器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body ><div id="div" style="border: 1px solid royalblue;floating:left; margin:0 a

JS中的计时器事件

JS可以实现很多java代码不易完成的功能.这里学习一些js中的计时器事件. JavaScript 一个设定的时间间隔之后来执行代码,称之为计时事件. 主要通过两个方法来实现: 1.setInterval() - 间隔指定的毫秒数不停地执行指定的代码. 2.setTimeout() - 暂停指定的毫秒数后执行指定的代码 并且,这两个方法都是window对象的方法. 首先,介绍setInterval()方法,该方法值得是间隔一定的毫秒数不停的执行指定的代码. 语法:window.setInterv

Js基础操作

var a="zhangsan"; document.write(a+":I love JavaScrip"); a="lisi"; document.write("<br/>"); document.write(a+":I love JavaScrip"); alert('haha'); 函数的编写 function test(){ var mymessage=confirm("你喜