[英]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.