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.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
Jun 28 Javascript
鼠标滚轮控制网页横向移动实现思路
Mar 22 Javascript
JavaScript 处理Iframe自适应高度(同或不同域名下)
Mar 29 Javascript
动态添加删除表格行的js实现代码
Feb 28 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
Feb 18 Javascript
ECHO.js 纯javascript轻量级延迟加载的实例代码
May 24 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
vue ref如何获取子组件属性值
Mar 31 Vue.js
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 星际争霸
array_multisort实现PHP多维数组排序示例讲解
2011/01/04 PHP
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
微信公众号模板消息群发php代码示例
2016/12/29 PHP
php-app开发接口加密详解
2018/04/18 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
JS实现标签页效果(配合css)
2013/04/03 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
Bootstrap4一次重大更新 几乎涉及每行代码
2016/05/16 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
Vue.js对象转换实例
2017/06/07 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
javaScript实现滚动条事件详解
2020/03/24 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
深入理解JavaScript的值传递和引用传递
2018/10/24 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
[01:34]DOTA2 7.22版本新增神杖效果一览(敏捷英雄篇)
2019/05/28 DOTA
详解duck typing鸭子类型程序设计与Python的实现示例
2016/06/03 Python
python WindowsError的错误代码详解
2017/07/23 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
Python读取Word(.docx)正文信息的方法
2018/03/15 Python
使用pycharm生成代码模板的实例
2018/05/23 Python
浅谈python中对于json写入txt文件的编码问题
2018/06/07 Python
利用django+wechat-python-sdk 创建微信服务器接入的方法
2019/02/20 Python
Python 实现一个计时器
2020/07/28 Python
Python datetime 如何处理时区信息
2020/09/02 Python
使用CSS3编写类似iOS中的复选框及带开关的按钮
2016/04/11 HTML / CSS
运动会方阵解说词
2014/02/12 职场文书
意向书范文
2014/03/31 职场文书
护士长竞聘演讲稿
2014/04/30 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
大学团日活动总结书
2015/05/11 职场文书
2016高三毕业赠言寄语
2015/12/04 职场文书
.Net Core导入千万级数据至Mysql的步骤
2021/05/24 MySQL
Redis 哨兵机制及配置实现
2022/03/25 Redis
以MySQL5.7为例了解一下执行计划
2022/04/13 MySQL