jquery延迟代码的执行

jquery delay the execution of code

本文关键字：执行 代码 延迟 jquery      更新时间：2023-09-26

在我的jquery函数中，我有一个加载器gif图像。在我展示它之后，我想延迟一秒钟，然后继续执行其余的代码。我该怎么做？

    $('#loader').css('display', '');
    //// I want to put here a delay. 
    var myDate = new Date();
    myDate.setFullYear(2013,8,2);
    var checkyear = myDate.getFullYear();
    var monthly =myDate.getMonth();
    var daily =myDate.getDate();
    $('#day').html(daily) ;
    $('#month').html(months[monthly]) ;
    $('#year').html(checkyear) ;

设置如下超时：

var delay = 1000;
setTimeout(function() {
 // your code
}, delay);

例http://jsfiddle.net/HuLTs/

你试过 .delay 吗？

$('#loader').show(1).delay(1000).hide(1);

.delay（） 方法最适合在排队的 jQuery 之间延迟 影响。因为它是有限的——例如，它没有提供一种方法 取消延迟 - .delay（） 不是 JavaScript 原生的替代品 setTimeout 函数，可能更适合某些用途 例。

演示 ： http://jsfiddle.net/SBrWa/

$(document).ready(function(){ 
    setTimeout(function(){ 
      //your code
     },
  2000); 
});

这里2000指的是2 seconds

您可以使用此代码，

$('#loader').css('display', '');
setTimeout(function() {
    var myDate = new Date();
    myDate.setFullYear(2013,8,2);
    var checkyear = myDate.getFullYear();
    var monthly =myDate.getMonth();
    var daily =myDate.getDate();
    $('#day').html(daily) ;
    $('#month').html(months[monthly]) ;
    $('#year').html(checkyear) ;
}, 1000);

试试这个，

$(function(){
    $('#loader').css('display', '');
    setTimeout(function(){ 
        var myDate = new Date();
        myDate.setFullYear(2013,8,2);
        var checkyear = myDate.getFullYear();
        var monthly =myDate.getMonth();
        var daily =myDate.getDate();
        $('#day').html(daily) ;
        $('#month').html(months[monthly]) ;
        $('#year').html(checkyear) ;
    },1000);// 1 second delay
});
相关文章：