在css添加之前添加延迟

时间:2014-03-26 11:34:07

标签: jquery

如果请求成功,我的功能执行

success: function () {
    $(".success-message").fadeIn(1000).delay(300).fadeOut(1000);
    $('#name').val('Ваше имя').css('color', '#898989');
    $('#phone').val('Ваш телефон').css('color', '#898989');
    $('#email').val('Электронную почту').css('color', '#898989');
    $('#url').val('Ссылку на текущий сайт').css('color', '#898989');
    $('#message').val('Ваши пожелания').css('color', '#898989');
}

如何在脚本的这一部分之前添加一点延迟?

$('#name').val('Ваше имя').css('color', '#898989');
    $('#phone').val('Ваш телефон').css('color', '#898989');
    $('#email').val('Электронную почту').css('color', '#898989');
    $('#url').val('Ссылку на текущий сайт').css('color', '#898989');
    $('#message').val('Ваши пожелания').css('color', '#898989');

2 个答案:

答案 0 :(得分:3)

像这样

success: function () {
    $(".success-message").fadeIn(1000).delay(300).fadeOut(1000);

    // fire after 1 sec.
    setTimeout(function(){

       $('#name').val('Ваше имя').css('color', '#898989');
       $('#phone').val('Ваш телефон').css('color', '#898989');
       $('#email').val('Электронную почту').css('color', '#898989');
       $('#url').val('Ссылку на текущий сайт').css('color', '#898989');
       $('#message').val('Ваши пожелания').css('color', '#898989');

    }, 1000);
}

查看setTimeout()

答案 1 :(得分:1)

您可以使用setTimeout:http://www.jquery4u.com/jquery-functions/settimeout-example/

 setTimeout(function(){  
   $('#name').val('Ваше имя').css('color', '#898989');
   $('#phone').val('Ваш телефон').css('color', '#898989');
   $('#email').val('Электронную почту').css('color', '#898989');
   $('#url').val('Ссылку на текущий сайт').css('color', '#898989');
   $('#message').val('Ваши пожелания').css('color', '#898989');
 }, 3000);  //do something after 3 seconds