资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

jquery等待几秒,jquery等待一秒后执行

jquery暂停几秒钟再执行的函数怎么写

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文件,查看结果。

怎么实现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

怎样用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

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,每过一秒


文章名称:jquery等待几秒,jquery等待一秒后执行
分享地址:http://cdkjz.cn/article/dseshsg.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220