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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
JavaScript 常用函数库详解
Oct 21 Javascript
Javascript 刷新全集常用代码
Nov 22 Javascript
两种简单实现菜单高亮显示的JS类代码
Jun 27 Javascript
JS鼠标事件大全 推荐收藏
Nov 01 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
Jun 21 Javascript
javascript实现获取一个日期段内每天不同的价格(计算入住总价格)
Feb 05 Javascript
深入剖析JavaScript instanceof 运算符
Jun 14 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 Javascript
Vue实现手机号、验证码登录(60s禁用倒计时)
Dec 19 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
Apache, PHP在Windows 9x/NT下的安装与配置 (二)
2006/10/09 PHP
PHP捕获Fatal error错误的方法
2014/06/11 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
jquery 学习之二 属性 文本与值(text,val)
2010/11/25 Javascript
可以用鼠标拖动的DIV实现思路及代码
2013/10/21 Javascript
DOM节点删除函数removeChild()用法实例
2015/01/12 Javascript
JS之相等操作符详解
2016/09/13 Javascript
js常用DOM方法详解
2017/02/04 Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
2017/02/14 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
vue轮播图插件vue-concise-slider的使用
2018/03/13 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
[01:56]林书豪DOTA2上海特级锦标赛励志短片
2016/03/05 DOTA
Python和Java进行DES加密和解密的实例
2018/01/09 Python
对python实时得到鼠标位置的示例讲解
2018/10/14 Python
python将txt等文件中的数据读为numpy数组的方法
2018/12/22 Python
简单了解Python生成器是什么
2019/07/02 Python
python内存管理机制原理详解
2019/08/12 Python
Python控制台输出时刷新当前行内容而不是输出新行的实现
2020/02/21 Python
python如何调用java类
2020/07/05 Python
最新版 Windows10上安装Python 3.8.5的步骤详解
2020/11/28 Python
python 监控服务器是否有人远程登录(详细思路+代码)
2020/12/18 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
干部现实表现材料
2014/02/13 职场文书
项目经理聘任书
2014/03/29 职场文书
治超工作实施方案
2014/05/04 职场文书
商务英语专业大学生职业生涯规划书
2014/09/14 职场文书
学生逃课检讨书
2015/02/17 职场文书
离职信范文
2015/06/23 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
Java移除无效括号的方法实现
2021/08/07 Java/Android
Python实现位图分割的效果
2021/11/20 Python
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python