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 相关文章推荐
js报错 Object doesn't support this property or method的原因分析
Mar 31 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 Javascript
JQuery中上下文选择器实现方法
May 18 Javascript
简介AngularJS的视图功能应用
Jun 17 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
Jquery1.9.1源码分析系列(十五)动画处理之外篇
Dec 04 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
Jun 08 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
Bootstrap栅格系统的使用详解
Oct 30 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
May 13 Javascript
如何在node环境实现“get数据解析”代码实例
Jul 03 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
星际争霸秘籍
2020/03/04 星际争霸
php设计模式 Strategy(策略模式)
2011/06/26 PHP
WordPress中Gravatar头像缓存到本地及相关优化的技巧
2015/12/19 PHP
46 个非常有用的 PHP 代码片段
2016/02/16 PHP
JavaScript XML实现两级级联下拉列表
2008/11/10 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
关于js类的定义
2011/06/28 Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
2012/06/14 Javascript
js/html光标定位的实现代码
2013/09/23 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
jquery处理json数据实例分析
2014/06/03 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
DOM 事件的深入浅出(二)
2016/12/05 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
javascript中this用法实例详解
2017/04/06 Javascript
jQuery制作input提示内容(兼容IE8以上)
2017/07/05 jQuery
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
基于VUE实现判断设备是PC还是移动端
2020/07/03 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
Python 中的 else详解
2016/04/23 Python
使用pip发布Python程序的方法步骤
2018/10/11 Python
python3.6编写的单元测试示例
2019/08/17 Python
关于pytorch多GPU训练实例与性能对比分析
2019/08/19 Python
django自带调试服务器的使用详解
2019/08/29 Python
mac在matplotlib中显示中文的操作方法
2020/03/06 Python
pandas数据处理之绘图的实现
2020/06/15 Python
常用的10个Python实用小技巧
2020/08/10 Python
GE设备配件:GE Appliance Parts(家电零件、配件和滤水器)
2018/11/28 全球购物
有关环保的标语
2014/06/13 职场文书
初中班主任工作总结2015
2015/05/13 职场文书
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
Python中npy和mat文件的保存与读取
2022/04/24 Python
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技