在JS中设置一个计时器1秒钟

Question

如何在我的js代码中设置计时器...

$("header").addClass("scrolled");

//INSERT TIMER FOR ONE SECOND HERE

 var newHeaderHeight = $("header").outerHeight();
 $('#mainContent').css('padding-top', newHeaderHeight);

我尝试过一些事情但没有快乐。

$.doTimeout(1000, function () {
                });

Answer 1

使用JavaScript函数setTimeout（函数，毫秒，可选的东西）来执行此操作：

$("header").addClass("scrolled");

setTimeout(function () {
    // This will be executed after 1,000 milliseconds
    var newHeaderHeight = $("header").outerHeight();
    $('#mainContent').css('padding-top', newHeaderHeight);
}, 1000);

演示：http://jsfiddle.net/BenjaminRay/hygnow06/

Answer 2

您可以使用函数setTimeout：

它运行您必须在指定时间后提供的功能，它不会阻止程序的其余部分。所以你可以试试：

setTimeout(function () {
  // your code that should run after 1 second
}, 1000;