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


Posted in Javascript onOctober 14, 2013
<!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 相关文章推荐
Prototype使用指南之selector.js
Jan 10 Javascript
encode脚本和normal脚本混用的问题与解决方法
Mar 08 Javascript
javascript 实现字符串反转的三种方法
Nov 23 Javascript
node.js中的querystring.escape方法使用说明
Dec 10 Javascript
简介JavaScript中的unshift()方法的使用
Jun 09 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
node.js与C语言 实现遍历文件夹下最大的文件,并输出路径,大小
Jan 20 Javascript
JavaScript纯色二维码变成彩色二维码
Jul 23 Javascript
浅谈Angular路由守卫
Aug 26 Javascript
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jQuery与vue实现拖动验证码功能
Jan 30 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
js算法中的排序、数组去重详细概述
Oct 14 #Javascript
鼠标拖动实现DIV排序示例代码
Oct 14 #Javascript
不同Jquery版本引发的问题解决
Oct 14 #Javascript
Jquery 类网页微信二维码图块滚动效果具体实现
Oct 14 #Javascript
javascript预加载图片、css、js的方法示例介绍
Oct 14 #Javascript
js获取或设置当前窗口url参数的小例子
Oct 14 #Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 #Javascript
You might like
IIS环境下快速安装、配置和调试PHP5.2.0
2006/12/17 PHP
discuz7 phpMysql操作类
2009/06/21 PHP
IE浏览器兼容Firefox的JS脚本的代码
2008/10/23 Javascript
IE和firefox浏览器的event事件兼容性汇总
2009/12/06 Javascript
ASP中Sub和Function的区别说明
2020/08/30 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
js特殊字符转义介绍
2013/11/05 Javascript
jquery修改网页背景颜色通过css方法实现
2014/06/06 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
JavaScript探测CSS动画是否已经完成的方法
2016/08/30 Javascript
微信小程序(应用号)开发新闻客户端实例
2016/10/24 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
angularJS深拷贝详解
2017/03/23 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
JavaScrpt中如何使用 cookie 设置查看与删除功能
2017/07/09 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
NW.js 简介与使用方法
2018/02/01 Javascript
[52:08]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第一局
2016/03/05 DOTA
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
Python BS4库的安装与使用详解
2018/08/08 Python
python正则表达式去除两个特殊字符间的内容方法
2018/12/24 Python
详解python 3.6 安装json 模块(simplejson)
2019/04/02 Python
python绘图模块matplotlib示例详解
2019/07/26 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
2020/05/26 HTML / CSS
销售顾问的岗位职责
2013/11/13 职场文书
专科毕业生自我鉴定
2013/12/01 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
公务员年度考核评语
2014/12/31 职场文书
初二物理教学反思
2016/02/19 职场文书
JS如何实现基于websocket的多端桥接平台
2021/05/14 Javascript