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 获取Gridview选中行的内容操作步骤
Feb 05 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
JS字符串按逗号和回车分隔的方法
Apr 25 Javascript
随机生成10个不重复的0-100的数字(实例讲解)
Aug 16 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
快速理解 JavaScript 中的 LHS 和 RHS 查询的用法
Aug 24 Javascript
关于HTML5的data-*自定义属性的总结
May 05 Javascript
vue基础之事件v-onclick=&quot;函数&quot;用法示例
Mar 11 Javascript
深入了解JavaScript词法作用域
Jul 29 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
用PHP实现小型站点广告管理(修正版)
2006/10/09 PHP
php中定义网站根目录的常用方法
2010/08/08 PHP
ThinkPHP采用原生query实现关联查询left join实例
2014/12/02 PHP
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
文字溢出实现溢出的部分再放入一个新生成的div中具体代码
2013/05/17 Javascript
12种JavaScript常用的MVC框架比较分析
2015/11/16 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
2016/06/29 Javascript
JS HTML5拖拽上传图片预览
2016/07/18 Javascript
jstree的简单实例
2016/12/01 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
2017/01/19 Javascript
DOM事件探秘篇
2017/02/15 Javascript
Bootstrap媒体对象学习使用
2017/03/07 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
使用nvm和nrm优化node.js工作流的方法
2019/01/17 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
2020/07/19 Javascript
Vue路由权限控制解析
2020/11/09 Javascript
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
python&amp;MongoDB爬取图书馆借阅记录
2016/02/05 Python
浅谈python新手中常见的疑惑及解答
2016/06/14 Python
python爬虫之BeautifulSoup 使用select方法详解
2017/10/23 Python
Python内存读写操作示例
2018/07/18 Python
Django网络框架之创建虚拟开发环境操作示例
2019/06/06 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
Python类class参数self原理解析
2020/11/19 Python
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
表达自我的市场:Society6
2018/08/01 全球购物
哈曼俄罗斯官方网上商店:Harman.club
2020/07/24 全球购物
民族团结先进个人材料
2014/02/05 职场文书
人力资源总监工作说明
2014/03/03 职场文书
怎样填写就业意向
2014/04/02 职场文书
施工安全汇报材料
2014/08/17 职场文书
助残日活动总结
2014/08/27 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
平安家庭事迹材料
2014/12/20 职场文书
Python opencv缺陷检测的实现及问题解决
2021/04/24 Python