HTML, JS - 点击按钮后：等待 5 秒，添加 css 类，运行链接

Question

我想要一个按钮，点击后会将css类添加到其他div，等待5秒然后运行链接。

我想要addclass 而不是$(this).animate，但它不起作用

$(function() {

  $('div').click(function(e) {

    e.preventDefault();
    var goTo = this.getAttribute("href");

    // ACTION END
    $(this).animate({
      marginLeft: 300
    }, 3000);
    // ACTION START

    setTimeout(function() {
      window.location = goTo;
    }, 3000);

  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='btn1' href="slider.html">
  <div id="btn1-in">Go Stack!</div>
  <div id="btn1-in2">Go Stack!</div>
</div>

Answer 1

而不是 $(this).animate 我想要 addclass 但它不起作用

试试这个：

setTimeout(function() 
{$(this).addClass("AddNewClass") },5000);