Я нашел следующий простой скрипт для таймера с определенной отметкой времени:
var el = '.timer';
var start = 1553000000,
cDisplay = $(el);
var format = function (t) {
var hours = Math.floor(t / 3600),
minutes = Math.floor(t / 60 % 60),
seconds = Math.floor(t % 60),
arr = [];
if (hours > 0) {
arr.push(hours == 1 ? '1 hr' : hours + 'hrs');
}
if (minutes > 0 || hours > 0) {
arr.push(minutes > 1 ? minutes + ' mins' : minutes + ' min');
}
if (seconds > 0 || minutes > 0 || hours > 0) {
arr.push(seconds > 1 ? seconds + ' secs' : seconds + ' sec');
}
cDisplay.html(arr.join(' '));
};
setInterval(function () {
format(new Date().getTime() / 1000 - start);
}, 1000);
http://jsfiddle.net/4eqat9yc/
Я хочу создать скрипт, который будет имитировать циклы светофора, например, 40 секунд красного света, затем 30 секунд зеленого света, и он повторяется бесконечно.
На выходе должен отображаться красный текст с обратным отсчетом 40 секунд, затем зеленый текст с обратным отсчетом в 30 секунд, принимая начальное время циклов из отметки времени. (например, я мог бы запустить скрипт в середине цикла, и он покажет правильное время, оставшееся от этого интервала)
Не могли бы вы, ребята, помочь мне с этим?