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;
}