CODEWITHSUNDEEP
jquery
truslivii.lev
truslivii.lev

Reputation: 701

Add delay before css adding

If the request was successful, my function performs

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

how can I add a little delay before this part of script?

$('#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');

Upvotes: 2

Views: 107

Answers (2)

JF it
JF it

Reputation: 2403

You can use 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

Upvotes: 1

jogesh_pi
jogesh_pi

Reputation: 9782

like this

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

take a look on setTimeout()

Upvotes: 3

Related Questions