本文目录一览：
- 1、js如何实现等待1秒后执行一个事件
- 2、JS 事件延迟执行
- 3、js，jq如何实现点击后延迟执行函数？
- 4、javaScript 中怎么延迟执行一个方法?
- 5、如何用javascript设置延时执行
- 6、js for循环中如何延迟执行
js如何实现等待1秒后执行一个事件
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的body标签中输入：button onclick="setTimeout(send, 1000)"btn/button，script标签中输入js代码：function send() {document.body.innerText = 'use send';}。
3、浏览器运行index.html页面，点击btn按钮。
4、等待1秒后，确实执行了send()方法打印了“use send”文本。
JS 事件延迟执行
延迟执行，一般是用定时器，定时器有两种，一种是setInterval，另一个是setTimeout。
setInterval，是间隔执行，次数为无限次。
setTimeout，是隔一段时间，执行一次。
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
setTimeout() 和setInterval() 几乎是一样的，仅执行次数不同和单词不同而已。关闭setTimeout（） 是用clearTimeout();
下面举一个setInterval的例子，仅供参考：
style
div {width:100px; height:100px; position:absolute; top:50px; left:50px; background:#ccc;}
/style
script
window.onload=function(){
var oDiv = document.getElementById('div1');
var nLeft = parseInt(oDiv.currentStyle?oDiv.currentStyle.left:getComputedStyle(oDiv,false).left);
var timer = setInterval(function(){ //开启定时器，
nLeft++;
document.title=nLeft;
oDiv.style.left=nLeft+'px';
if(nLeft == 500)
{
clearInterval(timer); //当left值为500时，关闭定时器。
}
},30);
};
/script
/head
body
div id="div1"/div
js，jq如何实现点击后延迟执行函数？
点击后等待调个睡眠函数，再接着执行正常逻辑
function sleep(delay) { //delay:传入等待秒数
var start = (new Date()).getTime(); //获取函数刚开始秒数
while ((new Date()).getTime() - start delay) { //当当前时间减去函数刚开始时间小于等待秒数时，循环一直进行
continue;
}
javaScript 中怎么延迟执行一个方法?
setTimeout("test()","2000"); //2000毫秒后执行test()函数，只执行一次。setInterval("test()","2000"); //每隔2000毫秒执行一次test()函数，执行无数次。
扩展资料：
1、setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
2、语法：setTimeout(function, milliseconds, param1, param2, ...)。
3、提示： 1000 毫秒= 1 秒。
4、提示： 如果你只想重复执行可以使用 setInterval() 方法。
5、提示： 使用 clearTimeout() 方法来阻止函数的执行。
6、所需参数1：code/function，必需。要调用一个代码串，也可以是一个函数。
7、所需参数2：milliseconds可选。执行或调用 code/function 需要等待的时间，以毫秒计。默认为 0。
8、所需参数3：param1, param2, ...，可选。 传给执行函数的其他参数（IE9 及其更早版本不支持该参数）。
9、返回值：返回一个 ID（数字），可以将这个ID传递给 clearTimeout() 来取消执行。
10、实例：var myWindow=window.open("","","width=200,height=100");myWindow.document.write("p这是一个新窗口'/p");setTimeout(function(){ myWindow.close() }, 3000);
如何用javascript设置延时执行
二、JavaScript 的计时事件的函数
setTimeout() - 在指定时间后执行代码
clearTimeout() - 取消 setTimeout()注意:setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
三、setTimeout详解
var t=setTimeout("javascript 语句",时间参数)
注：时间参数单位为毫秒
示例：var t=setTimeout("alert('3 seconds!')",3000)
如果js语句带变量，则必须用+号将变量连接起来，如：
var t=setTimeout（"document.getElementById("+menuid+").style.display='none'",3000)
四、clearTimeout详解
语法：clearTimeout(setTimeout的变量名)
示例：clearTimeout(t) //其中t为前面设置的setTimeout的变量
使用clearTimeout可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如：
function delayRun(code,time) {
var t=setTimeout(code,time);}这样，在需要让某段代码延时执行的时候，只需在这段代码前加入这个函数就可以了。如：
onmouseover=delayRun("setTab(0,0)",500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行，则去掉语句中的delayRun相关的代码即可，改为：onmouseover=setTab(0,0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码，只需要直接调用就可以了，很方便。也节省了代码的量。
js for循环中如何延迟执行
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的script标签，输入js代码：。
for (var i = 0; i 3; i++) {
var a = i + ':' + (new Date());
$('body').append(a);
for (var j = 0; j 700000000; j++);
}
3、浏览器运行index.html页面，此时循环中的内容被延迟执行了。
