Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Set timeout function example

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 333
    Comment on it

    The setTimeout funtion is a JavaScript code used to execute a code in particular time intervals.

    These time intervals are called timing events.

    There are two methods to set interval with JavaScript:-

    • setTimeout(function, milliseconds)-  It executes the code after the specified number of milliseconds.
    • setInterval(function, milliseconds)-  It repeats the execution of the code after a particular time of interval.

    The two arguments mentioned in the parameter are function and milliseconds.

    The function is callback function which is executed after the number of milliseconds(given time interval).

    Milliseconds is the time interval after which we want our callback function to be executed.

     

    Below is the code for the setTimeinterval:-

    HTML-

    See Below to see setTimeout effect
    <br>
    <br>
    <div id="textwrapper">The text will be changed after 2 seconds</div>
    <br>
    <br>
    <input type="button" id="showDiv" value="Click to see SetTimeout effect">

     

    CSS-

    #textwrapper{
      background-color: #FFFF99;
      color: #000;
      display: none;
      width: 30%;
      /*margin: 0 auto;*/
      padding: 10px 20px;
      font-size: 20px;
      }
      input{
        background-color: #FF5050;
        color: #fff;
        border:none;
        padding: 10px 15px;
      }

     

    JAVASCRIPT-

    $("#showDiv").click(function () {
         $('#textwrapper').show(1000, function () {
             setTimeout(function () {
                 $('#textwrapper').html(function () {
                     setTimeout(function () {
                         $('#textwrapper').html('Text is replaced');
                     }, 0);
                     setTimeout(function () {
                         $('#textwrapper').html('Again text is replaced');
                     }, 2000);
                 });
             }, 2000);
         });
     });

     

    You can check this example in below link:-

    https://jsfiddle.net/oftdt6v3/

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: