Хотел бы разместить указатель времени

#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();
  

JSFiddle здесь

Ответ №1:

Что-то вроде этого, используя setInterval

http://jsfiddle.net/gSRcN/2/

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. добавьте одну фигурную скобку в конце