2014-03-26 241 views
2

之前,如果該請求是成功的,我的功能進行添加延遲CSS添加

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'); 

回答

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()

+0

我嘗試這樣的代碼,但我也有輸入等功能http://jsfiddle.net/9bXmy/,當我使用'setTimeout'返回默認值時,我無法清除f上的輸入值ocus並一次又一次從'setTimeout函數'中獲取輸入值。 –

+0

@ truslivii.lev爲什麼你使用這個函數來清除輸入?看看這個http://stackoverflow.com/questions/7792320/jquery-clearing-form-inputs#answer-7792418 –

+0

@ truslivii.lev我稍微修改你的功能,看看並使用它,讓我知道如果它的工作與否? http://jsfiddle.net/jogesh_pi/bNL4Y/ –

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 
+0

我試過這段代碼,但我也有其他函數用於輸入http://jsfiddle.net/9bXmy/,當我使用'setTimeout'來返回默認值時,我可以' t清除焦點上的輸入值並一次又一次從'setTimeout函數'獲取輸入值。 –