2014-11-04 46 views
2

本來,發現部分答案,我在這裏
(「異丙基苯」謝謝您的回答!)

如何將一個倒計時問題我會在剩下的剩餘時間內使用小數來防止倒計時?


此外,我怎樣才能使它只能說一分鐘剩下的秒數,剩下的小時數等等,就像在這個網站上那樣,恰好有我想要的確切日期和時間倒計時....
http://50onfire.com/dc/日期時間倒計時在每個類別中留下

以下是我已經編輯異丙基苯的代碼:
http://jsfiddle.net/McdSV/

HTML

<div class="countdown"></div> 
    <p class="labels"> 
     <span class="weeks">WEEKS </span> 
     <span class="days">DAYS </span> 
     <span class="hours">HOURS </span> 
     <span class="minutes">MINUTES </span> 
     <span class="seconds">SECONDS </span> 
    </p>  

JS

$(document).ready(function() { 
    var date = new Date(2014, 11, 4, 19); 
    var $display = $('.countdown'); 
    countdown($display, date); 
    setInterval(function() { countdown($display, date); }, 1000); 
}); 

var offset = get_time_zone_offset(); 

function countdown($display, collision) { 
    var now = new Date(); 
    now.setHours(now.getHours() + (offset-5)); 
    var seconds = Math.ceil((collision.getTime() - now.getTime()) * 0.001); 
    var minutes = Math.ceil(seconds/60); 
    var hours = Math.ceil(seconds/60/60 * 10)/10; 
    var days = Math.ceil((seconds/60/60/24) * 100)/100; 
    var weeks = Math.ceil((days/7) * 100)/100; 
    $display.html 
    (
     '<p class="numbers">' + 
     collision + ((offset != 5) ? ' with time zone offset of ' + (offset-5) + ' hours' : '') + 
     '<br><br><span id="weeks">' + weeks + '</span>' + 
     '<span id="days">' + days + '</span>' + 
     '<span id="hours">' +hours + '</span>' + 
     '<span id="minutes">' +minutes + '</span>' + 
     '<span id="seconds">' +seconds + '</span>' + 
     '</p>' 
    ); 
} 

回答

0

嘗試增加低於之前$ display.html

seconds = parseInt(seconds); 
minutes = parseInt(minutes); 
hours = parseInt(hours); 
days = parseInt(days); 
weeks = parseInt(weeks); 
+0

的作品!謝謝!!! <3 – ericaXL 2014-11-05 09:48:22

0

檢查代碼這樣的:

http://harshen.github.io/jquery-countdownTimer/

他們提供相同的,只要你想和也給予相同的好的描述和教程。如果您願意,也可以輕鬆修改代碼。

我已經修改了您的演示:

http://jsfiddle.net/patelbharat001/McdSV/154/

在此,我改變你的進程越來越差,

檢查,可以幫助你。

var seconds1=Math.floor(((endDate-startDate)%(24*60*60*1000))/1000)%60%60; 

    var seconds= ((60 + parseInt(seconds1))); 
0

你想要這樣嗎?

Sat Jul 21 2012 15:30:00 GMT-0400 (Eastern Daylight Time) 
seconds: 5 
minutes: 0 
hours: 13 
days: 2 
weeks: 119 

JS小提琴鏈接:現在Demo

$(document).ready(function() { 
    var date = new Date(2012, 6, 21, 15, 30); 
    var $display = $('#countdown'); 
    countdown($display, date); 
    setInterval(function() { countdown($display, date); }, 1000); 
}); 

var offset = get_time_zone_offset(); 

function countdown($display, collision) { 
    var now = new Date(); 
    now.setHours(now.getHours() + (offset-5)); 
    var seconds = Math.ceil((collision.getTime() - now.getTime()) * 0.001); 
    var minutes = Math.ceil(seconds/60); 
    var hours = Math.ceil(seconds/60/60 * 10)/10; 
    var days = Math.ceil((seconds/60/60/24) * 100)/100; 
    var weeks = Math.ceil((days/7) * 100)/100; 
    //seconds = seconds - Math.floor(seconds/60)*60 

    $display 
     .html 
     (
      '<p>' + 
      collision + ((offset != 5) ? ' with time zone offset of ' + (offset-5) + ' hours' : '') + 

      '<br>seconds: ' + Math.abs(Math.floor(-seconds/60)*60 + seconds) + 
      '<br>minutes: ' + Math.abs(Math.floor(-minutes/60)*60 + minutes) + 
      '<br>hours: ' + Math.floor(Math.abs(Math.floor(-hours/24)*24 + hours)) + 
      '<br>days: ' + Math.floor(Math.abs(Math.floor(-days/7)*7 + days)) + 
      '<br>weeks: ' + Math.floor(-weeks) + 
      '</p>' 
     ); 
} 

function get_time_zone_offset() { 
    var current_date = new Date(); 
    var gmt_offset = current_date.getTimezoneOffset()/60; 
    return gmt_offset; 
}