2016-01-21 140 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

相關問題