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 相关文章推荐
通过jquery实现tab标签浏览效果
Feb 20 Javascript
jquery 注意事项与常用语法小结
Jun 07 Javascript
Javascript模块化编程(三)require.js的用法及功能介绍
Jan 17 Javascript
input输入框的自动匹配(原生代码)
Mar 19 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
Apr 23 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
Jun 24 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
JavaScript事件对象event用法分析
Jul 27 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
Jun 18 jQuery
webpack+vue.js构建前端工程化的详细教程
May 10 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引用是个坑,要慎用
2018/04/02 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
JS延迟加载(setTimeout) JS最后加载
2010/07/15 Javascript
javascript模拟select,jselect的方法实现
2012/11/08 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
2013/12/30 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
jQuery实现将div中滚动条滚动到指定位置的方法
2016/08/10 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
Javascript将图片的绝对路径转换为base64编码的方法
2018/01/11 Javascript
jQuery实现的手动拖动控制进度条效果示例【测试可用】
2018/04/18 jQuery
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
js中offset,client , scroll 三大元素知识点总结
2019/09/11 Javascript
layui使用form表单实现post请求页面跳转的方法
2019/09/14 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
React Ant Design树形表格的复杂增删改操作
2020/11/02 Javascript
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
python中pass语句用法实例分析
2015/04/30 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
windows下python和pip安装教程
2018/05/25 Python
python构建指数平滑预测模型示例
2019/11/21 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
python实现扫雷小游戏
2020/04/24 Python
Keras自动下载的数据集/模型存放位置介绍
2020/06/19 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
使用phonegap克隆和删除联系人的实现方法
2017/03/31 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
旷课检讨书1000字
2014/02/14 职场文书
党的生日演讲稿
2014/09/10 职场文书
2014个人年终工作总结范文
2014/12/15 职场文书
受资助学生感谢信
2015/01/21 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
alibaba seata服务端具体实现
2022/02/24 Java/Android
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android