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 相关文章推荐
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
request请求获取参数的实现方法(post和get两种方式)
Sep 27 Javascript
jQuery实现导航高亮的方法【附demo源码下载】
Nov 09 Javascript
轻松学习Javascript闭包
Mar 01 Javascript
Vue2.0实现将页面中表格数据导出excel的实例
Aug 09 Javascript
JavaScript实现精美个性导航栏筋斗云效果
Oct 29 Javascript
jquery实现企业定位式导航效果
Jan 01 jQuery
react native 原生模块桥接的简单说明小结
Feb 26 Javascript
JS浮点数运算结果不精确的Bug解决
Aug 01 Javascript
node实现爬虫的几种简易方式
Aug 22 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
安装apache2.2.22配置php5.4(具体操作步骤)
2013/06/26 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
php写的AES加密解密类分享
2014/06/20 PHP
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
Extjs学习笔记之七 布局
2010/01/08 Javascript
优化javascript的执行速度
2010/01/23 Javascript
下拉菜单点击实现连接跳转功能的js代码
2013/05/19 Javascript
js获取事件源及触发该事件的对象
2013/10/24 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
Area 区域实现post提交数据的js写法
2014/04/22 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
再谈JavaScript线程
2015/07/10 Javascript
利用python分析access日志的方法
2016/10/26 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
Vue.js 中取得后台原生HTML字符串 原样显示问题的解决方法
2018/06/10 Javascript
小程序封装路由文件和路由方法(5种全解析)
2019/05/26 Javascript
jQuery实现点击滚动到指定元素上的方法分析
2020/03/19 jQuery
koa中间件核心(koa-compose)源码解读分析
2020/06/15 Javascript
js实现金山打字通小游戏
2020/07/24 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
小结Python用fork来创建子进程注意事项
2014/07/03 Python
json跨域调用python的方法详解
2017/01/11 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
Python字符串格式化%s%d%f详解
2018/02/02 Python
Python中的相关分析correlation analysis的实现
2019/08/29 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
小学后勤管理制度
2014/01/14 职场文书
财务总监管理职责范文
2014/03/09 职场文书
2014年信用社工作总结
2014/11/25 职场文书
2015年数学教研工作总结
2015/07/22 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python
Python利用Turtle绘制哆啦A梦和小猪佩奇
2022/04/04 Python