javascript - 多次使用 setTimeout() 的问题

Question

嘿伙计们，我正在尝试像这样使用多个 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 英里然后直接跳到底部？

请让我知道如何阻止它！

Answer 1

您的第二次和第三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)