#javascript #jquery
#javascript #jquery
Вопрос:
я хотел бы добавить тикер времени на основе 4Pm CT, попросите любого, у кого есть знания jQuery / JavaScript, помочь мне
var now = new Date();//get local time
var hrs = 16-(now.getUTCHours()-5);// convert local to UTC and then CST and checks time differnce with 4CT
var min = 60-now.getUTCMinutes();
Ответ №1:
Что-то вроде этого, используя setInterval
Javascript
//ticker function that will refresh our display every second
function tick() {
var now = new Date(); //get local time
var hrs = 16 - (now.getUTCHours() -5); // convert local to UTC and then CST and checks time differnce with 4CT
var min = 60 - now.getUTCMinutes();
var sec = 60 - now.getUTCSeconds();
if (min > 0) {
hrs = hrs - 1;
}
document.getElementById('time_ticker').innerHTML = hrs ':' min ':' sec;
}
//the runner
var t = setInterval(tick, 1000);
HTML
<div id="primaryProductAvailability">
<div class="short-message-block"> <span>Availability: </span><span class="message availability in-stock">In Stock</span>
</div>
<div class="long-message-block"> <span class="message in-stock">Ships same day if ordered before 4pm CT</span>
</div>
</div>
<span id="time_ticker"></span>
Я добавил секунды, чтобы тикер выглядел более живым.
Комментарии:
1. не могли бы вы, пожалуйста, проверить эту скрипку и сообщить мне, где на самом деле я ошибаюсь, я хотел бы заменить сообщение. проверьте этот параметр jsfiddle.net/gSRcN/8
2. здесь jsfiddle.net/gSRcN/12 вам нужно: 1. вам нужен jQuery 2. выберите onDomReady 3. используйте jquery .html(), а не Javascript .innerHTML() 4. для обновления внутреннего HTML используйте .html(«…») 5. добавьте одну фигурную скобку в конце