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

js 距离某一时间点时间是多少

2013-10-14 17:25 351 查看

<!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);

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

参数形式有以下５种：   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);

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航