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

 更新时间:2013年10月14日 17:46:12   作者:  
距离某一时间点时间是多少,在本文将为大家介绍下js中是如何实现的,感兴趣的朋友不要错过
复制代码 代码如下:

<!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:用整数表示月份,从(1月)到11(12月)

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

相关文章

  • 浅析创建javascript对象的方法

    浅析创建javascript对象的方法

    下面小编就为大家带来一篇浅析创建javascript对象的方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 微信小程序仿美团城市选择

    微信小程序仿美团城市选择

    这篇文章主要为大家详细介绍了微信小程序仿美团城市选择,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • 实例讲解避免javascript冲突的方法

    实例讲解避免javascript冲突的方法

    这篇文章主要以实例的方式讲解了避免javascript冲突的方法,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-01-01
  • js获取微信版本号的方法

    js获取微信版本号的方法

    本文给大家分享的是使用javascript实现判断微信版本号以及判断是否在内置的微信浏览器中打开的代码,十分的简单实用,有需要的小伙伴可以参考下。
    2015-05-05
  • JavaScript 下载svg图片为png格式

    JavaScript 下载svg图片为png格式

    这篇文章主要介绍了JavaScript 下载svg图片为png格式,本文通过代码给大家讲解的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-06-06
  • 深入理解js中的加载事件

    深入理解js中的加载事件

    提到加载事件,可能想到了window.onload,但实际上,加载事件是一大类事件,本文将详细介绍加载事件。下面跟着小编一起来看下吧
    2017-02-02
  • js原生实现FastClick事件的实例

    js原生实现FastClick事件的实例

    下面小编就为大家带来一篇js原生实现FastClick事件的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 前端实现(excel)xlsx文件预览的详细步骤

    前端实现(excel)xlsx文件预览的详细步骤

    excel的预览库有不少,也都很强大,但是能很简单实现,下面这篇文章主要给大家介绍了关于前端实现(excel)xlsx文件预览的详细步骤,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2024-03-03
  • javascript实现简单的进度条

    javascript实现简单的进度条

    本文给大家分享2个javascript实现简单的进度条,一个是个人制作一个是网友实现的,都很不错,这里推荐给大家。
    2015-07-07
  • 使用UrlConnection实现后台模拟http请求的简单实例

    使用UrlConnection实现后台模拟http请求的简单实例

    这篇文章主要介绍了使用UrlConnection实现后台模拟http请求的简单实例的相关资料,需要的朋友可以参考下
    2017-01-01

最新评论