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

相关文章

  • 微信小程序获取验证码60秒倒计时功能

    微信小程序获取验证码60秒倒计时功能

    这篇文章主要介绍了微信小程序获取验证码60秒倒计时模板,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • 理解Javascript_02_理解undefined和null

    理解Javascript_02_理解undefined和null

    其实在 ECMAScript 的原始类型中,是有Undefined 和 Null 类型的。 这两种类型都分别对应了属于自己的唯一专用值,即undefined 和 null。
    2010-10-10
  • js实现右键菜单功能

    js实现右键菜单功能

    这篇文章主要为大家详细介绍了js实现右键菜单功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 原生JS实现简单计算器功能

    原生JS实现简单计算器功能

    这篇文章主要为大家详细介绍了原生JS实现简单计算器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 全面解析Javascript无限添加QQ好友原理

    全面解析Javascript无限添加QQ好友原理

    这篇文章主要介绍了全面解析Javascript无限添加QQ好友原理的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • js实现鼠标滚轮控制图片缩放效果的方法

    js实现鼠标滚轮控制图片缩放效果的方法

    这篇文章主要介绍了js实现鼠标滚轮控制图片缩放效果的方法,涉及onmousewheel事件及javascript操作图片的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • js过滤数组重复元素的方法

    js过滤数组重复元素的方法

    过滤数组重复元素
    2010-09-09
  • 微信小程序中的上拉、下拉菜单功能

    微信小程序中的上拉、下拉菜单功能

    这篇文章主要介绍了微信小程序中的上拉、下拉菜单功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • Layui数据表格跳转到指定页的实现方法

    Layui数据表格跳转到指定页的实现方法

    今天小编就为大家分享一篇Layui数据表格跳转到指定页的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS实现jQuery的append功能

    JS实现jQuery的append功能

    jQuery中可以直接使用$el.append()为元素添加字符串型dom, 但是最近转战Vue, 再使用jQuery明显不合适了, 所以通过查找资料, 封装一个可以实现同样效果的方法.
    2021-05-05

最新评论