您的位置：首页 > Web前端 > JavaScript

js 距离某一时间点时间是多少实现代码

2013-10-14 00:00 676 查看 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn"> 
<head> 
<title>正计时</title> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
<style type="text/css"> 
#thenceThen{font-size:2em;} 
</style> 
<script type="text/javascript" language="javascript"> 
function thenceThen(){ 
var date1 = new Date(1381741113671); 
var totalSecs=(new Date()-date1)/1000; 
var days=Math.floor(totalSecs/3600/24); 
var hours=Math.floor((totalSecs-days*24*3600)/3600); 
var mins=Math.floor((totalSecs-days*24*3600-hours*3600)/60); 
var secs=Math.floor((totalSecs-days*24*3600-hours*3600-mins*60)); 
if (days != 0 ) { 
document.getElementById("thenceThen").innerText="　答题时间："+days+"天"+hours+"小时"+mins+"分钟"+secs+"秒"; 
}else if (hours == 0 && mins == 0) { 
document.getElementById("thenceThen").innerText="　答题时间："+secs+"秒"; 
}else if (hours == 0 && mins != 0) { 
document.getElementById("thenceThen").innerText="　答题时间："+mins+"分钟"+secs+"秒"; 
}else if (hours != 0) { 
document.getElementById("thenceThen").innerText="　答题时间："+hours+"小时"+mins+"分钟"+secs+"秒"; 
} 
} 
var clock; 
window.onload=function(){ 
clock=self.setInterval("thenceThen()", 500); 
} 
</script> 
</head> 
<body> 
<div id="thenceThen"></div> 
</body> 

</html>

=========================================================================================================

上文中 var date1 = new Date(1381741113671);

参数传递见下方（也可接收后台参数）：

参数形式有以下5种： 
new Date("month dd,yyyy hh:mm:ss"); 
new Date("month dd,yyyy"); 
new Date(yyyy,mth,dd,hh,mm,ss); 
new Date(yyyy,mth,dd); 
new Date(ms);

需要注意最后一种形式，参数表示的是需要创建的时间和GMT时间1970年1月1日之间相差的毫秒数。各种函数的含义如下：

month:用英文表示月份名称，从January到December

mth:用整数表示月份，从（１月）到１１（１２月）

dd:表示一个月中的第几天，从1到31

yyyy:四位数表示的年份

hh:小时数，从0（午夜）到23（晚11点）
mm:分钟数，从0到59的整数

ss:秒数，从0到59的整数

ms:毫秒数，为大于等于0的整数

如： 
new Date("January 12,2006 22:19:35"); 

new Date("January 12,2006"); 

new Date(2006,0,12,22,19,35); 

new Date(2006,0,12); 

new Date(1137075575000);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航