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 相关文章推荐
FireFox JavaScript全局Event对象
Jun 14 Javascript
10个基于Jquery的幻灯片插件教程
Oct 29 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
js确认删除对话框效果的示例代码
Feb 20 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
jQuery实现带动画效果的二级下拉导航方法
Mar 11 Javascript
Javascript动态创建表格及删除行列的方法
May 15 Javascript
jquery判断当前浏览器的实现代码
Nov 07 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
原生JS实现简单的无缝自动轮播效果
Sep 26 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 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
老照片 - 几十年前的收音机与人
2021/03/02 无线电
PHP下打开URL地址的几种方法小结
2010/05/16 PHP
PHP乱码问题,UTF-8乱码常见问题小结
2012/04/09 PHP
php curl的深入解析
2013/06/02 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
用JS实现的一个include函数
2007/07/21 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
jQuery html()方法使用不了无法显示内容的问题
2014/08/06 Javascript
jquery实现submit提交表单
2015/02/03 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
JavaScript实现上下浮动的窗口效果代码
2015/10/12 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
bootstrap输入框组件使用方法详解
2017/01/19 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
给vue项目添加ESLint的详细步骤
2017/09/29 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
2017/12/29 Javascript
微信小程序wx:for循环的实例详解
2018/10/07 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
js如何验证密码强度
2020/03/18 Javascript
javascript实现移动端红包雨页面
2020/06/23 Javascript
Angular短信模板校验代码
2020/09/23 Javascript
[01:15]PWL S2开团时刻第二期——他们杀 我就白给
2020/11/25 DOTA
Python学习资料
2007/02/08 Python
利用Python中的mock库对Python代码进行模拟测试
2015/04/16 Python
浅谈Python的Django框架中的缓存控制
2015/07/24 Python
python中正则的使用指南
2016/12/04 Python
5 个强大的HTML5 API 函数推荐
2014/11/19 HTML / CSS
J2EE中常用的名词进行解释
2015/11/09 面试题
应征英语教师求职信
2013/11/27 职场文书
高中信息技术教学反思
2016/02/16 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
mysql配置SSL证书登录的实现
2021/09/04 MySQL
Sql Server 行数据的某列值想作为字段列显示的方法
2022/04/20 SQL Server