不止一次使用setTimeout()的问题

时间:2013-04-02 06:14:11

标签: javascript jquery

嘿伙计们我试图像这样使用mutliple setTimeout():

setTimeout(function()
{ 
    $('#hoverbox h2').html("...");
    $('#hoverbox p').html("\...");
},0)

setTimeout(function()
{ 
    $('#hoverbox h2').html("..");
    $('#hoverbox p').html("...");
},3500)

setTimeout(function()
{ 
    $('#hoverbox h2').html("...");
    $('#hoverbox p').html("...");
},3500)

我刚刚把...我原来的文字放进去...所以问题是当我运行它时,它会在第一个开始,而不是等待3500 mili并直接跳到底部一个?

请让我知道如何制止这个!

1 个答案:

答案 0 :(得分:3)

你的第二个和第三个setTimeout同时(几乎)同时运行。您可以将7000延迟置于第三个{第一个}或第二个setTimeout内的第三个。

 setTimeout(function () {
     $('#hoverbox h2').html("...");
     $('#hoverbox p').html("\...");
 }, 0)

 setTimeout(function () {

     $('#hoverbox h2').html("..");
     $('#hoverbox p').html("...");
     setTimeout(function () {

         $('#hoverbox h2').html("...");
         $('#hoverbox p').html("...");
     }, 3500)

 }, 3500)