Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 日期-时间倒计时,删除小数,并在每个类别中保留时间显示时间_Javascript_Html_Time_Countdown - Fatal编程技术网

Javascript 日期-时间倒计时,删除小数,并在每个类别中保留时间显示时间

Javascript 日期-时间倒计时,删除小数,并在每个类别中保留时间显示时间,javascript,html,time,countdown,Javascript,Html,Time,Countdown,最初,我在这里找到了倒计时问题的部分答案 (“Cymen”谢谢你的回答!) 在剩下的时间里,如何防止倒计时使用小数? 还有,我怎样才能让它只显示一分钟内剩下的秒数,一小时内剩下的分钟数,等等,就像在这个网站上,恰好有我试图倒数的确切日期和时间…… 以下是我将Cymen的代码编辑为: HTML 周 天 小时 会议记录 秒 JS $(文档).ready(函数(){ var日期=新日期(2014年11月4日19日); 变量$display=$('.countdown'); 倒计时($显示

最初,我在这里找到了倒计时问题的部分答案
(“Cymen”谢谢你的回答!)

在剩下的时间里,如何防止倒计时使用小数?

还有,我怎样才能让它只显示一分钟内剩下的秒数,一小时内剩下的分钟数,等等,就像在这个网站上,恰好有我试图倒数的确切日期和时间……

以下是我将Cymen的代码编辑为:

HTML


周 天 小时 会议记录 秒

JS

$(文档).ready(函数(){
var日期=新日期(2014年11月4日19日);
变量$display=$('.countdown');
倒计时($显示,日期);
setInterval(函数(){countdown($display,date);},1000);
});
var offset=get_time_zone_offset();
功能倒计时($display,collision){
var now=新日期();
now.setHours(now.getHours()+(offset-5));
var seconds=Math.ceil((collision.getTime()-now.getTime())*0.001);
var分钟=数学单元(秒/60);
变量小时=数学单元(秒/60/60*10)/10;
变量天数=数学单元((秒/60/60/24)*100)/100;
风险值周=数学单元((天/7)*100)/100;
$display.html
(
“

”+ 碰撞+((偏移量!=5)?”时区偏移量为“+(偏移量-5)+”小时“:”)+ “

”+周数+” ''+天+''+ ''+小时数+''+ ''+分钟+''+ ''+秒+''+ “

” ); }
尝试在$display.html

seconds = parseInt(seconds);
minutes = parseInt(minutes);
hours = parseInt(hours); 
days = parseInt(days);
weeks = parseInt(weeks); 
选中此项:

他们提供了与你想要的一样的东西,也为同样的东西提供了很好的描述和教程。如果您愿意,还可以轻松地修改代码

我已经修改了您的演示:

在这里,我改变了你获得差异的过程

检查一下,也许能帮你

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

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

你想要这样吗

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

$(文档).ready(函数(){
var日期=新日期(2012年6月21日15日30日);
var$display=$(“#倒计时”);
倒计时($显示,日期);
setInterval(函数(){countdown($display,date);},1000);
});
var offset=get_time_zone_offset();
功能倒计时($display,collision){
var now=新日期();
now.setHours(now.getHours()+(offset-5));
var seconds=Math.ceil((collision.getTime()-now.getTime())*0.001);
var分钟=数学单元(秒/60);
变量小时=数学单元(秒/60/60*10)/10;
变量天数=数学单元((秒/60/60/24)*100)/100;
风险值周=数学单元((天/7)*100)/100;
//秒=秒-数学地板(秒/60)*60
$display
.html
(
“”+
碰撞+((偏移量!=5)?”时区偏移量为“+(偏移量-5)+”小时“:”)+
“
秒:”+Math.abs(Math.floor(-seconds/60)*60+秒)+ “
分钟:”+Math.abs(数学地板(-minutes/60)*60+分钟)+ “
小时数:”+Math.floor(Math.abs(Math.floor(-hours/24)*24+小时))+ “
天:”+Math.floor(Math.abs(Math.floor(-days/7)*7天以上))+ “
周:”+数学楼层(-周)+ “

” ); } 函数get\u time\u zone\u offset(){ var current_date=新日期(); var gmt_offset=当前日期。getTimezoneOffset()/60; 返回gmt_偏移量; }
    var seconds1=Math.floor(((endDate-startDate)%(24*60*60*1000))/1000)%60%60;

    var seconds= ((60 + parseInt(seconds1)));
Sat Jul 21 2012 15:30:00 GMT-0400 (Eastern Daylight Time)
seconds: 5
minutes: 0
hours: 13
days: 2
weeks: 119
$(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;
}