2016-01-21 3 views
0

Я работаю над jQuery, хочу отсчет времени между временем начала и временем окончания. У меня есть время начала и окончания, а также получить разницу между ними, но как обратный отсчет разница переменное время. мой код похож на этомВремя обратного отсчета между временем начала и временем окончания

var receivedTime = $('.external-event').attr('data-receivedtime'); 
      var now = new Date(); 
      var difference = moment.utc(moment(now, "DD/MM/YYYY HH:mm:ss").diff(moment(receivedTime, "DD/MM/YYYY HH:mm:ss"))).format("HH:mm:ss"); 

I Want этого типа время в разности переменные: 05:47:50

+0

Вы получили разницу, так что ваш требование сейчас? может у объяснить больше. –

+0

да, я хочу напечатать эту разницу в качестве отсчетных часов, например, 05:47:50, 05:47:49, 05:47:48 –

ответ

1

Дополнительных примеры обратного отсчета Jquery, пожалуйста, используйте ссылку ниже:

http://hilios.github.io/jQuery.countdown/examples.html 
0

, но он работает для «05:47» .Попробуйте следовать логике и продолжить ...

<body> 
    <div>Registration closes in <span id="time">05:00</span> minutes!</div> 
</body> 

function startTimer(duration, display) { 
    var timer = duration, minutes, seconds; 
    setInterval(function() { 
     minutes = parseInt(timer/60, 10) 
     seconds = parseInt(timer % 60, 10); 

     minutes = minutes < 10 ? "0" + minutes : minutes; 
     seconds = seconds < 10 ? "0" + seconds : seconds; 

     display.text(minutes + ":" + seconds); 

     if (--timer < 0) { 
      timer = duration; 
     } 
    }, 1000); 
} 

jQuery(function ($) { 
    var fiveMinutes = 60 * 5, 
     display = $('#time'); 
    startTimer(fiveMinutes, display); 
}); 

Demo

+1

@Mihir Kadiya Попробуйте приложить усилия, чтобы заставить его работать в формате «HH: mm: ss ".. Мой код предназначен только для" mm: ss " – Nofi

0

Java Script Отсчет таймера [HH: мм: сс]

<head> 
    <script data-require="[email protected]" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script> 
    <link rel="stylesheet" href="style.css" /> 
    <script src="script.js"></script> 
    </head> 

    <body> 
    <div> 
     <span class="hour">05</span> 
:  <span class="min">00</span> 
:  <span class="sec">00</span> 
    </div> 
    </body> 

</html> 

JS

$(document).ready(function() { 
    function changeTime(){ 
    var hour = parseInt($(".hour").text()); 
    var min = parseInt($(".min").text()); 
    var sec = parseInt($(".sec").text()); 
    if(hour==0 && min==0 && sec==0){ 
     clearInterval(clock); 
     timer = false; 
    } 
    if(timer){ 
    if(sec==0){ 
     $(".sec").text(59); 
     if(min==0){ 
     $(".min").text(59); 
     $(".hour").text(--hour); 
     } 
     else 
     $(".min").text(--min); 
    } 
    else{ 
     $(".sec").text(--sec); 

    } 

    } 

    } 
    var timer = true; 
var clock = setInterval(changeTime,1000); 

}); 

Demo

Смежные вопросы