js中setTimeout()的用法

js中setTimeout()的用法

setTimeout() 是属于 window 的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。

语法格式可以是以下两种：

setTimeout(要执行的代码, 等待的毫秒数)
setTimeout(JavaScript 函数, 等待的毫秒数)

setTimeout()方法就是在指定的毫秒数后调用一段代码或者一条函数。在看了一些博客后看到，竟然有的博客说，setTimeout可以

setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式(打地鼠中的地鼠的出现)

实践上是函数用一种方式实现了定时器的效果，就像用if语句实现了for循环的效果

x = 0
function countSecond() 
{　
    x = x+1
    document.getElementById("displayBox").value=x 
    setTimeout("countSecond()", 1000)
}
// 执行函数
countSecond()

这是官方文档给出定时器的代码

真正的定时器应该是window.setTimeout(expression,millisec);

JS定时器 setInterval() 方法： 使一段代码每过指定时间就运行一次。

JS延迟器 setTimeout() 方法：使一段代码在指定时间后运行。

定义：

window.setInterval(expression,millisec); window.setTimeout(expression,millisec);

参数介绍：

expression：可以是用引号括起来的一段代码，也可以是一个函数名，当使用函数名作为调用句柄时，不能带有任何参数；而使用字符串时，则可以在其中写入要传递的参数。

millisec：表示重复执行或者延时的毫秒数。1000毫秒=1秒

使用函数名方式：setInterval(hello,1000); //不能带有任何参数

使用字符串方式：setInterval("hello()",1000); //可以在其中写入要传递的参数

定义对象：

var id=window.setInterval("hello()",1000); var id=window.setTimeout("hello()",1000);

**清除对象：
**

window.clearInterval(id); //清除已设置的setInterval对象 window.clearTimeout(id); //清除已设置的setTimeout对象

实例1：使用 clearInterval

<input type="text" id="clock" size="35" /><script language="JavaScript" type="text/javascript"> window.setInterval("clock()",50)function clock(){  document.getElementById("clock").value=new Date()}</script>

实例2：使用 setTimeout

<script language="JavaScript" type="text/javascript"> function hello(){   alert("hello"); } window.setTimeout(hello,5000); </script>

实例3：使用 clearInterval ，定义对象和清除对象使用

<input type="text" id="clock" size="35" /><script language="JavaScript" type="text/javascript"> var int=self.setInterval("clock()",50)function clock(){ document.getElementById("clock").value=new Date()}</script><button onclick="int=window.clearInterval(int)">Stop interval</button>

实例4：使用 clearTimeout，定义对象和清除对象使用

<script language="JavaScript" type="text/javascript"> function hello(){    alert("hello"); }var id=window.setTimeout(hello,5000); document.onclick=function(){    window.clearTimeout(id); } </script>

实例5：使用 clearTimeout，有参数传递

<script language= "JavaScript" type="text/javascript"> function timedMsg(){  var t=setTimeout("alert(‘1 seconds!‘)",1000)}</script><input type="button" value="显示计时的消息框！" onClick = "timedMsg()">

clearTimeout函数执行就是阻止 setTimeout函数的执行，详细点理解，在进行计时器是如果clear计时器就停止，在点击计时时重新计时，从原来的数字

js中setTimeout()的用法

原文：https://www.cnblogs.com/ju-ruo/p/15252729.html