1、首先新建一个html文件,命名为test.html。
兴安网站建设公司创新互联建站,兴安网站设计制作,有大型网站制作公司丰富经验。已为兴安1000+提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱,请找那个售后服务好的兴安做网站的公司定做!
2、在test.html文件内,使用span标签创建一行文字,用于下面延时设置其颜色。
3、在test.html文件内,给span标签添加一个id属性,用于下面获得它的对象。
4、在js标签内,通过ready()方法,在页面加载成功后,执行function方法。
5、在function方法内,使用setTimeout定时器,在2秒后通过id获得span对象,使用css()方法将其文字颜色设置为红色。
6、最后在浏览器打开test.html文件,查看结果。
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
!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
你上面那样写只会造成死循环。
// 手打,可能存在一些代码写错。
// 最简单的
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,每过一秒