Add delay before css adding

Question

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

jogesh_pi · Accepted Answer · 2014-03-26 11:36:27Z

3

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

answered Mar 26, 2014 at 11:36

jogesh_pi

9,7725 gold badges40 silver badges65 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

truslivii.lev Over a year ago

I tried this code, but I also have other function for inputs jsfiddle.net/9bXmy and when I use setTimeout to return default values I can't clear value of input on focus and get in inputs values from setTimeout function again and again.

jogesh_pi Over a year ago

@truslivii.lev why you are using this function to just clear the inputs? take a look on this stackoverflow.com/questions/7792320/…

jogesh_pi Over a year ago

@truslivii.lev i slightly modify your function, take a look and use it and let me know if its working or not? jsfiddle.net/jogesh_pi/bNL4Y

JF it · Accepted Answer · 2014-03-26 11:38:11Z

1

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

answered Mar 26, 2014 at 11:38

JF it

2,3833 gold badges23 silver badges30 bronze badges

1 Comment

truslivii.lev Over a year ago

I tried this code, but I also have other function for inputs jsfiddle.net/9bXmy and when I use setTimeout to return default values I can't clear value of input on focus and get in inputs values from setTimeout function again and again.

Collectives™ on Stack Overflow

Add delay before css adding

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related