[英]how to loop setTimeOut function
我是javascript和jquery的新手,我在此小提琴上创建了一些函数,并且仅运行一次,如何循环该函数?
$(document).ready(function() // function
{
$('.box').css({visibility:'hidden'});
setTimeout( function(){
$('.box-1').css({visibility:'visible'});
},300);
setTimeout( function(){
$('.box-2').css({visibility:'visible'});
},600);
setTimeout( function(){
$('.box-3').css({visibility:'visible'});
},900);
setTimeout( function(){
$('.box').fadeOut('slow');
},1300);
})
使用setInterval()
$(document).ready(function () {
function animate() {
$('.box').css({
visibility: 'hidden',
display: ''
});
setTimeout(function () {
$('.box-1').css({
visibility: 'visible'
});
}, 300);
setTimeout(function () {
$('.box-2').css({
visibility: 'visible'
});
}, 600);
setTimeout(function () {
$('.box-3').css({
visibility: 'visible'
});
}, 900);
setTimeout(function () {
$('.box').fadeOut('slow');
}, 1300);
}
animate()
setInterval(animate, 1800)
});
演示: 小提琴
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.