2016-01-21 189 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"); 

我想在差异这种类型的时间变量:5点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脚本倒计时[HH:MM:SS]

<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

相关问题