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实现打开本地文件或文件夹
Mar 09 Javascript
DIY jquery plugin - tabs标签切换实现代码
Dec 11 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
node.js中的fs.writeFileSync方法使用说明
Dec 14 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
微信小程序中顶部导航栏的实现代码
Mar 30 Javascript
js+html制作简单日历的方法
Jun 27 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
Node.js系列之安装配置与基本使用(1)
Aug 30 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
PHP扩展Memcache分布式部署方案
2015/12/06 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
2019/06/22 PHP
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
jquery滚动条插件jScrollPane的使用介绍
2013/11/08 Javascript
javascript 10进制和62进制的相互转换
2014/07/31 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
AngularJS 2.0入门权威指南
2016/10/08 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
2017/02/23 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
React+EggJs实现断点续传的示例代码
2020/07/07 Javascript
python处理PHP数组文本文件实例
2014/09/18 Python
在Python中编写数据库模块的教程
2015/04/29 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
python机器学习之贝叶斯分类
2018/03/26 Python
使用Django连接Mysql数据库步骤
2019/01/15 Python
python导入坐标点的具体操作
2019/05/10 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
Python3.0 实现决策树算法的流程
2019/08/08 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
python try...finally...的实现方法
2020/11/25 Python
万宝龙英国官网:Montblanc手表、书写工具、皮革和珠宝
2018/10/16 全球购物
开办化妆品公司创业计划书
2013/12/26 职场文书
大学生冰淇淋店商业计划书
2014/01/14 职场文书
幼儿园家长评语大全
2014/04/16 职场文书
财务负责人任命书
2014/06/06 职场文书
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
2015年环卫工作总结
2015/04/28 职场文书
宝葫芦的秘密观后感
2015/06/11 职场文书
2016最新离婚协议书范本及程序
2016/03/18 职场文书
CSS 一行代码实现头像与国旗的融合
2021/10/24 HTML / CSS
引用计数法和root搜索算法以及JVM中判定对象需要回收的方法
2022/04/19 Java/Android