How to use the timer in javascript?

Question

I want to do the following application:

1) I want to retrieve the message using ajax. (Jquery)

2) When I read the message - I want to wait 10 seconds to retrieve the next message

3) Then wait another 10 seconds to retrieve the next message

4) All rows in a database.

How to use the timer in this case?

How can I start and then stop the timer?

function loadMessage(user_id)
    {
        $.post('ActionScripts/Message.php',{
            user_id: user_id
        }, function(data) {

    //data

            },"json");
    }

Dave Kasper · Accepted Answer · 2012-02-19 01:42:33Z

4

function loadMessage(user_id)
    {
        $.post('ActionScripts/Message.php',{
            user_id: user_id
        }, function(data) {

            //data
            setTimeout(function(){loadMessage(user_id); }, 10000);

            },"json");
    }

answered Feb 19, 2012 at 1:42

Dave Kasper

1,3891 gold badge11 silver badges19 bronze badges

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

Comments

jcolebrand · Accepted Answer · 2012-02-28 18:32:58Z

1

I prefer calling the next ajax request after the completion of the previous (not as important with 10000 interval), but you do have to call the next one even if the first fails...

function loadMessage(user_id) {
    $.ajax({
    type: "POST",
    url: 'ActionScripts/Message.php',
    data: { user_id: user_id }
    dataType: 'json',
    async: true,
    cache: false,
    timeout:30000,
    success: function(data){
      // do what you need with the returned data...
      setTimeout(function(){loadMessage(user_id); },10000);
    },
    error: function(XMLHttpRequest, textStatus, errorThrown){
      //do what you want with the error
      setTimeout(function(){loadMessage(user_id); },10000);
    }
  });
}

edited Feb 28, 2012 at 18:32

jcolebrand

16k12 gold badges78 silver badges123 bronze badges

answered Feb 19, 2012 at 3:36

user626963

2 Comments

user626963 Over a year ago

Additionally, wrapping all the data processing within try{}catch{} is also a good idea, because an error will also stop the chain of functions...

jcolebrand Over a year ago

using an anonymous function instead of leaving it up to the parser to determine 'loadmessage(user_id)' is better.

Linus Thiel · Accepted Answer · 2012-02-19 02:44:06Z

0

The following implementation calls off to the server and executes every 10 seconds:

function loadmessage (user_id) {
    $.post('ActionScripts/Message.php', {
        user_id: user_id
    }, function (data) {

        //data
    }, "json");
}
var interval = setInterval(function() { loadmessage(5345) }, 10000);

To stop the timer use clearInterval:

clearInterval(interval);

To restart the timer re-initialize the interval variable:

var interval = setInterval(function() { loadmessage(5345) }, 10000);

edited Feb 19, 2012 at 2:44

Linus Thiel

39.3k9 gold badges112 silver badges104 bronze badges

answered Feb 19, 2012 at 1:40

Alex

35.5k5 gold badges81 silver badges94 bronze badges

Collectives™ on Stack Overflow

How to use the timer in javascript?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related