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 相关文章推荐
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 Javascript
解析John Resig Simple JavaScript Inheritance代码
Dec 03 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
Jan 17 Javascript
javascript工厂方式定义对象
Dec 26 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
解决Mac node版本升级失败的问题
May 16 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
JS使用数组实现的队列功能示例
Mar 04 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
Sep 11 Javascript
vue简单练习 桌面时钟的实现代码实例
Sep 19 Javascript
如何利用node转发请求详解
Sep 17 Javascript
关于JavaScript中异步/等待的用法与理解
Nov 18 Javascript
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
Apache无法自动跳转却显示目录的解决方法
2020/11/30 PHP
php验证身份证号码正确性的函数
2016/07/20 PHP
javascript中window.event事件用法详解
2012/12/11 Javascript
js去空格技巧分别去字符串前后、左右空格
2013/10/21 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
jQuery序列化后的表单值转换成Json
2017/06/16 jQuery
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
2017/06/29 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
微信小程序向Java后台传输参数的方法实现
2020/12/10 Javascript
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
Python使用defaultdict读取文件各列的方法
2017/05/11 Python
基于anaconda下强大的conda命令介绍
2018/06/11 Python
pthon贪吃蛇游戏详细代码
2019/01/27 Python
Python3.7 dataclass使用指南小结
2019/02/22 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
详解python中list的使用
2019/03/15 Python
Python3获取拉勾网招聘信息的方法实例
2019/04/03 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
Python编写一个验证码图片数据标注GUI程序附源码
2019/12/09 Python
解决matplotlib.pyplot在Jupyter notebook中不显示图像问题
2020/04/22 Python
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
DC Shoes官网:美国滑板鞋和服饰品牌
2017/09/03 全球购物
猫咪家具:CatsPlay
2018/11/03 全球购物
物流管理毕业生自荐信
2013/10/24 职场文书
社会实践感言
2014/01/25 职场文书
2014年健康教育实施方案
2014/02/17 职场文书
艺术节主持词
2014/04/02 职场文书
奥巴马英文演讲稿
2014/05/15 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
老公给老婆的检讨书(精华篇)
2014/10/18 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
2015年新农村建设工作总结
2015/05/22 职场文书
考教师资格证不要错过的4个最佳时机
2019/07/17 职场文书
Nginx优化服务之网页压缩的实现方法
2021/03/31 Servers
能让Python提速超40倍的神器Cython详解
2021/06/24 Python