setTimeout() 方法

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

提示： 1000 毫秒= 1 秒。
提示：如果想重复执行可以使用 setInterval() 方法。
提示：使用 clearTimeout() 方法来阻止函数的执行。

语法

setTimeout(code, milliseconds, param1, param2, ...)
setTimeout(function, milliseconds, param1, param2, ...)

setTimeout()方法参数	描述
code/function	必要部分，要调用一个代码串，也可以是一个函数
milliseconds	必要部分，执行或调用 code/function 需要等待的时间，以毫秒计，默认为 0
param1, param2, …	非必要部分，传给执行函数的其他参数（IE9 及其更早版本不支持该参数）
return：返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。

clearTimeout() 方法

clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作。

clearTimeout() 方法的参数必须是由 setTimeout() 返回的 ID 值。
注意: 要使用 clearTimeout() 方法, 在创建执行定时操作时要使用全局变量

语法

clearTimeout(id_of_settimeout);

clearTimeout() 方法参数	描述
d_of_setinterval	调用 setTimeout() 函数时所获得的返回值，使用该返回标识符作为参数，可以取消该 setTimeout() 所设定的定时执行操作
return： return 0

应用实例
1.5秒（3000 毫秒）后弹出 “Hello JavaScript !”

var myVar;function myFunction() {myVar = setTimeout(alertFunc, 5000);
}function alertFunc() {alert("Hello JavaScript!");
}

2.打开一个新窗口，5秒后将该窗口关闭

function openWin() {var myWindow = window.open("color=red", "", "width=1920, height=1080");myWindow.document.write("<p>打开一个新窗口</p>");setTimeout(function(){ myWindow.close() }, 5000);
}

3.计数器功能

<button οnclick="startCount()">开始计数</button>
<input type="text" id="test">
<button οnclick="stopCount()">停止计数</button>

点击 “开始计数” 按钮开始执行计数程序。输入框从 0 开始计算。点击 “停止计数” 按钮停止后，可以再次点击 “开始计数” 按钮会重新开始计数。

var c = 0;
var t;
var timer_is_on = 0;function timedCount() {document.getElementById("test").value = c;c = c + 1;t = setTimeout(function(){ timedCount() }, 1000);
}function startCount() {if (!timer_is_on) {timer_is_on = 1;timedCount();}
}function stopCount() {clearTimeout(t);timer_is_on = 0;
}

4.显示当前时间

<!--在页面加载时执行startTime()-->
<body οnlοad="startTime()">

function startTime() {var today = new Date();var h = today.getHours();var m = today.getMinutes();var s = today.getSeconds();// 在 numbers<10 的数字前加上 0m = checkTime(m);s = checkTime(s);document.getElementById("txt").innerHTML = h + ":" + m + ":" + s;var t = setTimeout(function(){ startTime() }, 500);
}function checkTime(i) {if (i < 10) {i = "0" + i;}return i;
}

5.传递参数给 Animal函数

var myVar;function myStartFunction() {// IE9 及其更早版本不支持myVar = setTimeout(Animal, 5000, "Cat", "Dog");//使用匿名函数，则所有浏览器都支持myVar = setTimeout(function(){ Animal("Cat", "Dog"); }, 5000);
}function Animal(param1, param2) {document.getElementById("demo1").innerHTML += "Hello ";document.getElementById("demo2").innerHTML = "传递给 Animal() 的参数: <br>" + param1 + "<br>" + param2 + "<br>";
}

END

setTimeout()方法实现延时执行其他功能相关推荐

微信小程序延时执行设置固定时间间隔
setTimeout(function () {//要延时执行的代码}, 2000) //延迟时间这里是2秒微信小程序中的函数想要延时执行:等一段时间后再执行采用以上代码.
html 怎么设置延时,javascript如何设置延时执行？
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件. JavaScript 的计时事件的函数: setTime ...
js 延期执行_javascript如何设置延时执行？
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件. JavaScript 的计时事件的函数: setTime ...
深入解析Node.js setTimeout方法的执行过程
深入了解setTimeout源码之前,本有两个选择.一是通过chromium源码分析,二是通过Node.js源码分析.后来发现第一种方案的源码获取成本太大,于是从Node官网获取了几十兆的代码用来了解 ...
Android延时执行事件的方法
概述为了让用户体验更好,有些事件需要等一等再执行,或者有时候需要稍后自动隐藏,或者是为了关闭服务能够彻底而不至于重启时有些命令还没跑完等,总之延时执行的用处还是挺大的. 下面是几种常用的延时执行的方 ...
mysql wait for_mysql定时执行及延时执行，实现类似sql server waitfor功能
熟悉SQL Server的人都知道,它有一个很有用的功能,waitfor time和waitfor delay,前者表示在某个时间执行,后者表示等待多长时间执行.在我们测试功能和定时执行的时候特别有用 ...
Unity——延时执行的几种方法
1.什么是延迟函数延时执行的函数,可以自己设定延时要执行的函数和具体延时的时间,是Monobehaviour基类中实现好的方法 1.Update定时器在Update等刷新函数内计时,timer + ...
【Android】之【延时执行的几种方法】
在Android日常开发中我们经常会有延时执行某个操作的需求,例如我们启动应用的时候,开始呈现一个引导页面,过了两三秒后,自动跳转到主界面:又如为了控制时序,需要延时执行等等. 下面整理下实现延时执行 ...
Android延时执行方法
Android延时执行方法 1.使用线程,利用线程休眠达到延时效果. new Thread(new Runnable() {@Overridepublic void run() {try {Threa ...
前端：JS/24/BOM和DOM简介，for...in循环遍历，window对象的属性和方法，延时器，定时器，screen屏幕对象，location地址栏对象，history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...

setTimeout()方法实现延时执行其他功能

setTimeout() 方法

clearTimeout() 方法

setTimeout()方法实现延时执行其他功能相关推荐

最新文章

热门文章