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 相关文章推荐
解放web程序员的输入验证
Oct 06 Javascript
JavaScript 常见对象类创建代码与优缺点分析
Dec 07 Javascript
javaScript让文本框内的最后一个文字的后面获得焦点实现代码
Jan 06 Javascript
用JS动态改变表单form里的action值属性的两种方法
May 25 Javascript
jquery实现网页定位导航
Aug 23 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
js编写简单的计时器功能
Jul 15 Javascript
JS抛物线动画实例制作
Feb 24 Javascript
Vue创建头部组件示例代码详解
Oct 23 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
React实现阿里云OSS上传文件的示例
Aug 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源代码
2006/10/09 PHP
php 更新数据库中断的解决方法
2009/06/05 PHP
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
给初学者的30条PHP最佳实践(荒野无灯)
2011/08/02 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
Javascript数组操作函数总结
2015/02/05 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
JavaScript统计网站访问次数的实现代码
2015/11/18 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
JS实现电商放大镜效果
2017/08/24 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
[02:29]DOTA2英雄基础教程 陈
2013/12/17 DOTA
[43:51]2014 DOTA2国际邀请赛中国区预选赛 Dream Times VS TongFu
2014/05/22 DOTA
[06:36]吞吞映像top1
2014/06/20 DOTA
跟老齐学Python之??碌某?? target=
2014/09/12 Python
tensorflow实现KNN识别MNIST
2018/03/12 Python
使用python获取邮箱邮件的设置方法
2019/09/20 Python
Python如何给函数库增加日志功能
2020/08/04 Python
html5页面结构_动力节点Java学院整理
2017/07/10 HTML / CSS
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
澳大利亚宠物商店:Petbarn
2017/11/18 全球购物
《美丽的彩虹》教学反思
2014/02/25 职场文书
社团活动总结范文
2014/04/26 职场文书
老龄工作先进事迹
2014/08/15 职场文书
2014年化妆品销售工作总结
2014/12/01 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
2015年幼儿园大班工作总结
2015/04/25 职场文书
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js