найти время, оставшееся в setTimeout()?

просто для записи, есть способ получить время, оставшееся в узле.js:

var timeout = setTimeout(function() {}, 3600 * 1000);

setInterval(function() {
    console.log('Time left: '+getTimeLeft(timeout)+'s');
}, 2000);

function getTimeLeft(timeout) {
    return Math.ceil((timeout._idleStart + timeout._idleTimeout - Date.now()) / 1000);
}

принты:

$ node test.js 
Time left: 3599s
Time left: 3597s
Time left: 3595s
Time left: 3593s

это, похоже,не работает в firefox, но с узла.js-это javascript, я думал, что это замечание может быть полезно для людей, ищущих решение узла.

EDIT: я действительно думаю, что сделал еще лучше:https://stackoverflow.com/a/36389263/2378102

Я написал эту функцию и я использую его много:

function timer(callback, delay) {
    var id, started, remaining = delay, running

    this.start = function() {
        running = true
        started = new Date()
        id = setTimeout(callback, remaining)
    }

    this.pause = function() {
        running = false
        clearTimeout(id)
        remaining -= new Date() - started
    }

    this.getTimeLeft = function() {
        if (running) {
            this.pause()
            this.start()
        }

        return remaining
    }

    this.getStateRunning = function() {
        return running
    }

    this.start()
}

сделать таймер:

a = new timer(function() {
    // What ever
}, 3000)

Так что если вы хотите, чтобы оставшееся время просто сделать:

a.getTimeLeft()

стеки событий Javascript не работают так, как вы думаете.

когда создается событие timeout, оно добавляется в очередь событий, но другие события могут иметь приоритет во время запуска этого события, задерживать время выполнения и откладывать выполнение.

пример: вы создаете тайм-аут с задержкой 10 секунд, чтобы предупредить что-то на экране. Он будет добавлен в стек событий и будет выполнен после всех текущих событий увольняются (вызывая некоторую задержку). Затем, когда тайм-аут обработан, браузер все еще продолжает захватывать другие события, добавляя их в стек, что вызывает дальнейшие задержки в обработке. Если пользователь нажимает или делает много ctrl+typing, их события имеют приоритет над текущим стеком. Ваши 10 секунд могут превратиться в 15 секунд или дольше.

Это, как говорится, есть много способов подделать, сколько времени прошло. Один из способов-выполнить setInterval сразу после вы добавляете setTimeout в стек.

пример: выполните settimeout с 10-секундной задержкой (сохраните эту задержку в глобальном). Затем выполните setInterval, который выполняется каждую секунду, чтобы вычесть 1 из задержки и вывести оставшуюся задержку. Из-за того, как стек событий может влиять на фактическое время (описано выше), это все равно не будет точным, но дает счетчик.

короче говоря, нет реального способа получить оставшееся время. Есть только способы попытаться передать оценку пользователю.

вот, возможно, еще лучший способ сделать это, плюс, вам не нужно будет менять код, который вы уже написали:

var getTimeout = (function() { // IIFE
    var _setTimeout = setTimeout, // Reference to the original setTimeout
        map = {}; // Map of all timeouts with their start date and delay

    setTimeout = function(callback, delay) { // Modify setTimeout
        var id = _setTimeout(callback, delay); // Run the original, and store the id

        map[id] = [Date.now(), delay]; // Store the start date and delay

        return id; // Return the id
    };

    return function(id) { // The actual getTimeLeft function
        var m = map[id]; // Find the timeout in map

        // If there was no timeout with that id, return NaN, otherwise, return the time left clamped to 0
        return m ? Math.max(m[1] - Date.now() + m[0], 0) : NaN;
    }
})();

... И mimimized:

var getTimeout=function(){var e=setTimeout,b={};setTimeout=function(a,c){var d=e(a,c);b[d]=[Date.now(),c];return d};return function(a){return(a=b[a])?Math.max(a[1]-Date.now()+a[0],0):NaN}}();

серверный узел.конкретные Яш

ни один из вышеперечисленных действительно не работал для меня, и после проверки объекта timeout казалось, что все было относительно того, когда начался процесс. Для меня сработало следующее:

myTimer = setTimeout(function a(){console.log('Timer executed')},15000);

function getTimeLeft(timeout){
  console.log(Math.ceil((timeout._idleStart + timeout._idleTimeout)/1000 - process.uptime()));
}

setInterval(getTimeLeft,1000,myTimer);

выход:

14
...
3
2
1
Timer executed
-0
-1
...

node -v
v9.11.1

отредактированный вывод для краткости, но эта основная функция дает приблизительное время до выполнения или с момента выполнения. Как упоминают другие, ничто из этого не будет точным из-за узла way но если я хочу подавить запрос, который был запущен менее 1 минуты назад, и я сохранил таймер, я не вижу, почему это не будет работать как быстрая проверка. Может быть интересно жонглировать объектами с refreshtimer в 10.2+.

нет, но вы можете иметь свой собственный setTimeout/setInterval для анимации в вашей функции.

скажите, что ваш вопрос выглядит так:

function myQuestion() {
  // animate the progress bar for 1 sec
  animate( "progressbar", 1000 );

  // do the question stuff
  // ...
}

и ваша анимация будет обрабатываться этими 2 функциями:

function interpolate( start, end, pos ) {
  return start + ( pos * (end - start) );
}

function animate( dom, interval, delay ) {

      interval = interval || 1000;
      delay    = delay    || 10;

  var start    = Number(new Date());

  if ( typeof dom === "string" ) {
    dom = document.getElementById( dom );
  }

  function step() {

    var now     = Number(new Date()),
        elapsed = now - start,
        pos     = elapsed / interval,
        value   = ~~interpolate( 0, 500, pos ); // 0-500px (progress bar)

    dom.style.width = value + "px";

    if ( elapsed < interval )
      setTimeout( step, delay );
  }

  setTimeout( step, delay );
}

Если кто-то смотрит на это. Я вышел с таймаутом и интервальным менеджером, который может получить вам время, оставшееся в таймауте или интервале, а также сделать некоторые другие вещи. Я буду добавлять к нему, чтобы сделать его более изящным и более точным, но, похоже, он работает довольно хорошо (хотя у меня есть еще несколько идей, чтобы сделать его еще более точным):

https://github.com/vhmth/Tock

вопрос уже ответили, но я добавлю свою лепту. Это только что пришло мне в голову.

использовать setTimeout на recursion следующим образом:

var count = -1;

function beginTimer()
{
    console.log("Counting 20 seconds");
    count++;

    if(count <20)
    {
        console.log(20-count+"seconds left");
        setTimeout(beginTimer,2000);
    }
    else
    {
        endTimer();
    }
}

function endTimer()
{
    console.log("Time is finished");
}

Я думаю, что код является самоочевидным

проверьте этот:

class Timer {
  constructor(fun,delay) {
    this.timer=setTimeout(fun, delay)
    this.stamp=new Date()
  }
  get(){return ((this.timer._idleTimeout - (new Date-this.stamp))/1000) }
  clear(){return (this.stamp=null, clearTimeout(this.timer))}
}

сделать таймер:

let smtg = new Timer(()=>{do()}, 3000})

Get remain:

smth.get()

очистить тайм-аут

smth.clear()

    (function(){
        window.activeCountdowns = [];
        window.setCountdown = function (code, delay, callback, interval) {
            var timeout = delay;
            var timeoutId = setTimeout(function(){
                clearCountdown(timeoutId);
                return code();
            }, delay);
            window.activeCountdowns.push(timeoutId);
            setTimeout(function countdown(){
                var key = window.activeCountdowns.indexOf(timeoutId);
                if (key < 0) return;
                timeout -= interval;
                setTimeout(countdown, interval);
                return callback(timeout);
            }, interval);
            return timeoutId;
        };
        window.clearCountdown = function (timeoutId) {
            clearTimeout(timeoutId);
            var key = window.activeCountdowns.indexOf(timeoutId);
            if (key < 0) return;
            window.activeCountdowns.splice(key, 1);
        };
    })();

    //example
    var t = setCountdown(function () {
        console.log('done');
    }, 15000, function (i) {
        console.log(i / 1000);
    }, 1000);