html - javascript autoreload in infinite loop with time left till next reload - Stack Overflow

admin管理员组

文章数量:1415684

i need a JavaScript, that relaods a page every 30 seconds, and will show how much time there is until next reload at the ID time-to-update, Example:

<p>Refreshing in <span id="time-to-update" class="light-blue"></span> seconds.</p>

i also need it to repeat itself infinitely.

thank you for reading, i hope it helps not me but everyone else, and a real big thank you if you could make this script.

i need a JavaScript, that relaods a page every 30 seconds, and will show how much time there is until next reload at the ID time-to-update, Example:

<p>Refreshing in <span id="time-to-update" class="light-blue"></span> seconds.</p>

i also need it to repeat itself infinitely.

thank you for reading, i hope it helps not me but everyone else, and a real big thank you if you could make this script.

• javascript
• html
• css

Share Improve this question Follow edited Aug 19, 2013 at 11:42 Srinivas 1,06388 silver badges1515 bronze badges asked Aug 19, 2013 at 11:33 Mister_FixMister_Fix 7322 silver badges1111 bronze badges 0

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

(function() {
    var el = document.getElementById('time-to-update');
    var count = 30;
    setInterval(function() {
        count -= 1;
        el.innerHTML = count;
        if (count == 0) {
            location.reload();
        }
    }, 1000);
})();

A variation that uses setTimeout rather than setInterval, and uses the more cross-browser secure document.location.reload(true);.

var timer = 30;
var el = document.getElementById('time-to-update');

(function loop(el) {
  if (timer > 0) {
    el.innerHTML = timer;
    timer -= 1;
    setTimeout(function () { loop(el); }, 1000);
  } else {
    document.location.reload(true);
  }
}(el));

http://jsfiddle/zGGEH/1/

var timer = {
    interval: null,
    seconds: 30,

    start: function () {
        var self = this,
            el = document.getElementById('time-to-update');

        el.innerText = this.seconds; // Output initial value

        this.interval = setInterval(function () {
            self.seconds--;

            if (self.seconds == 0) 
                window.location.reload();

            el.innerText = self.seconds;
        }, 1000);
    },

    stop: function () {
        window.clearInterval(this.interval)
    }
}

timer.start();

本文标签： htmljavascript autoreload in infinite loop with time left till next reloadStack Overflow