runIt之前等5秒鐘（而不是點擊）？

Question

當前點擊會在我的代碼中啓動序列。我想改變它，以便「重新開始」淡入，出現5秒鐘，然後淡出，剩下的序列運行。

完全初學者！我不知道該怎麼做。任何幫助？

$(document).ready(runIt); 

}); 


function runIt(){ 
$('#myText').hover(function(){ 
     $(this).clearQueue().html('Start Again'); 
}) 
    .click(function(){ 
    runIt(); 
    }) 
    .html('text 1') 
    .fadeIn(1000) 
    .delay(5000) 
    .fadeOut(1000,function(){ 
    $(this).html('text 2'); 
    }) 
    .fadeIn(1000) 
    .delay(5000) 
    .fadeOut(1000,function(){ 
    $(this).html('text 3').unbind('mouseenter mouseleave'); 
    }) 
    .fadeIn(1000); 
}; 

Answer 1

$(function(){ 
    $(window).mousemove(function(){ 
    runIt(); 
    }); 
    runIt();  
}) 

function runIt() { 
    var it = $('#myText'); 
    it.stop(true,true).clearQueue().fadeOut(1).animate({left:0},500).queue(function(){ 
    it.html('Start Again'); 
    it.dequeue(); 
    }) 
    it.fadeIn(500).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 1'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 2'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000).animate({left:0},5000).fadeOut(1000).queue(function(){ 
    it.html('test 3'); 
    $(window).unbind('mousemove'); 
    it.dequeue(); 
    }) 
    it.fadeIn(1000); 
} 

延遲功能不能得到適當的清除，所以我用一個靜態動畫假延遲（在這種情況下有生命值）。

Answer 2

JavaScript有一對夫婦，您可以使用此功能：的setTimeout（）和setInterval（）。下面是對他們好的帖子：http://www.elated.com/articles/javascript-timers-with-settimeout-and-setinterval/

所以你的情況，而不是調用根據runit（）點擊你需要從的setTimeout（）或setInterval（）調用它：

setTimeout('runit()', 5000); 

Answer 3

我沒有經過測試，但這更接近你想要的...注意runIt（）已經被移動到了外部函數。

$(function() { 
    $('#myText').hover(function(){ 
     $(this).clearQueue().html('Start Again'); 
    }).click(function(){ runIt(); }); 
    }); 


function runIt() { 
    $(this) 
    .html('text 1') 
    .fadeIn(1000) 
    .delay(5000) 
    .fadeOut(1000,function(){ 
     $(this).html('text 2'); 
    }) 
    .fadeIn(1000) 
    .delay(5000) 
    .fadeOut(1000,function(){ 
     $(this).html('text 3').unbind('mouseenter mouseleave'); 
    }) 
    .fadeIn(1000); 
}; 

Answer 4

$(window).ready(function() 
{ 
    setTimeout("runIt();", 5000); 
}); 

Answer 5

這裏是一個全面的測試和運行的代碼有一些變化，你可以進行更改，以任何你想要的東西。

希望這有助於。

編輯：如果你想停止的事件，你應該使用.stop（），而不是.clearQueue（）

(function($) { 

    jQuery.fn.idle = function(time) { 
     $(this).animate({ 
      opacity: '+=0' 
     }, time); 
     return this; 
    }; 
})(jQuery); 



$(document).ready(function() { 
    runIt(); 
    function runIt() { 
    $('#myText').idle(5000).text('Start Again').fadeOut(5000, function() { 
     $(this).text('text 1'); 
     $(this).fadeIn(1000, function() { 
      $(this).fadeOut(5000, function() { 
       $(this).text('text 2'); 
       $(this).fadeIn(1000, function() { 
        $(this).fadeOut(5000, function() { 
         $(this).text('text 3'); 
         $(this).fadeIn(1000, function() { 
          $(this).fadeOut(5000, function() { 
           //runIt(); 
           //uncomment the above if you want a loop. 
          }); 
         }); 
        }); 
       }); 
      }); 
     }); 
    }); 
    }; 
});