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 相关文章推荐
ASP中用Join和Array,可以加快字符连接速度的代码
Aug 22 Javascript
Javascript 强制类型转换函数
May 17 Javascript
IE8下String的Trim()方法失效的解决方法
Nov 08 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
Dec 16 Javascript
JavaScript中for-in遍历方式示例介绍
Feb 11 Javascript
认识Knockout及如何使用Knockout绑定上下文
Dec 25 Javascript
JavaScript计算器网页版实现代码分享
Jul 15 Javascript
省市二级联动小案例讲解
Jul 24 Javascript
vuejs父子组件通信的问题
Jan 11 Javascript
js实现canvas图片与img图片的相互转换的示例
Aug 31 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
vue实现跨域的方法分析
May 21 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/12/06 PHP
php中函数的形参与实参的问题说明
2010/09/01 PHP
PHP基础教程(php入门基础教程)一些code代码
2013/01/06 PHP
PHP5.3以上版本安装ZendOptimizer扩展
2015/03/27 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
php生成图片验证码
2015/06/09 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
让jQuery与其他JavaScript库并存避免冲突的方法
2013/12/23 Javascript
js使用ajax读博客rss示例
2014/05/06 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
2014/09/19 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
2014/09/22 Javascript
jquery操作angularjs对象
2015/06/26 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
node.js实现复制文本到剪切板的功能
2017/01/23 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
关于vue-router的那些事儿
2018/05/23 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
JavaScript制作3D旋转相册
2020/08/02 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python生成词云的实现方法(推荐)
2017/06/13 Python
python 文件操作删除某行的实例
2017/09/04 Python
Python numpy 提取矩阵的某一行或某一列的实例
2018/04/03 Python
在Python 不同级目录之间模块的调用方法
2019/01/19 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
python实现的生成word文档功能示例
2019/08/23 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
2014年公司迎新年活动方案
2014/02/24 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
无房产证房屋转让协议书合同样本
2014/10/18 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书
CSS3 实现NES游戏机的示例代码
2021/04/21 HTML / CSS