js中怎么让淡出效果延迟10秒实现

JavaScript017

js中怎么让淡出效果延迟10秒实现,第1张

div # content 在3秒后淡出

$("#content").stop().delay(3000).fadeOut(100)

delay这个方法就是延迟多少秒之后开始执行后边的动画的方法

$("#modCity_hover").hover(function(){

$("#modcity").stop().fadeIn()

},function(){

$("#modcity").stop().delay(10000).fadeOut()//延迟淡出

})

使用setTimeout()和hide()。

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

hide(),实现隐藏这个已经显示的div。

以下为使用setTimeout()设定一个函数在2秒后执行

$(function () {setTimeout(function () {$("divid").hide()}, 2000)})

扩展资料

.show(),如果被选元素已被隐藏,则显示这些元素。

jQuery选择器

$("p") 选取 <p>元素。

$("p.intro") 选取所有 class="intro" 的 <p>元素。

$("p#demo") 选取所有 id="demo" 的 <p>元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

点击后等待调个睡眠函数,再接着执行正常逻辑

function sleep(delay) { //delay:传入等待秒数

var start = (new Date()).getTime() //获取函数刚开始秒数

while ((new Date()).getTime() - start <delay) { //当当前时间减去函数刚开始时间小于等待秒数时,循环一直进行

continue

}