正文
jquery等待几秒,jquery等待一秒后执行
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
jquery暂停几秒钟再执行的函数怎么写
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用span标签创建一行文字，用于下面延时设置其颜色。
3、在test.html文件内，给span标签添加一个id属性，用于下面获得它的对象。
4、在js标签内，通过ready()方法，在页面加载成功后，执行function方法。
5、在function方法内，使用setTimeout定时器，在2秒后通过id获得span对象，使用css()方法将其文字颜色设置为红色。
6、最后在浏览器打开test.html文件，查看结果。
相关问答
Q1: 怎么实现jquery的一个等待效果？当鼠标移开时等待3秒钟执行函数。
html
head
script type="text/javascript" src="jq/jquery.js"/script
/head
script type="text/javascript"
$(function() {
$("#div").mouseout(function(){
setTimeout(function(){$("#div2").hide()}, 3000);
});
});
/script
body
input type="text" value="div" id="div"
div id="div2"
鼠标离开div，等待3秒钟后此段隐藏
/div
/body
/html
Q2: 怎样用JQuery实现当鼠标停留在某区域3秒后执行方法
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ""
html
head
script type="text/javascript" src=""/script
/head
style type="text/css"
.main{width:500px;height:400px;border:dashed 1px #ccc;margin:0 auto;line-height:400px;text-align:center;}
/style
body
script type="text/javascript"
$(function(){
$(".main").mouseover(function(){
setTimeout(function(){
alert('当你的鼠标移动到框体时，我会延迟3秒才显示哦！');
},3000)
});
})
/script
div class="main"把鼠标移入此框体中，等待3秒。/div
/body
/html
Q3: jQuery 延时 每行之间等待N秒
你上面那样写只会造成死循环。
// 手打，可能存在一些代码写错。
// 最简单的
setTimeout(function(){
document.getElementById("buyNowAddCart").click()
setTimeout(function(){
document.getElementById("proPopSubmit").click();
setTimeout(function(){
document.getElementById("submit-btn").click();
},1*1000)
},1*1000)
},1*1000) // 1秒
// 进阶一点,把setTimeout拆分出来，方便控制，和代码阅读。
function openTimeout(callback,second){
// 判断cb有没有，实际上完整的代码是判断是否是一个function，这里简单就判断是否为空。
callback setTimeout(callback,second*1000);
}
openTimeout(function(){
document.getElementById("buyNowAddCart").click();
openTimeout(function(){
document.getElementById("proPopSubmit").click();
openTimeout(function(){document.getElementById("submit-btn").click();},1);
}),1;
},1)
// 如果一直要循环，那么可以把这些代码放在一个方法里
function fn(){
openTimeout(function(){
document.getElementById("buyNowAddCart").click();
openTimeout(function(){
document.getElementById("proPopSubmit").click();
openTimeout(function(){
document.getElementById("submit-btn").click();
openTimeout(fn,1); // 当最后一个click完成，又开始加个定时器调用fn方法从而循环执行三个click
},1);
},1);
},1)
}
fn(); // 开始执行三个click，每过一秒
