2014-11-04 79 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; 
}