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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
JQuery 插件制作实践 xMarquee插件V1.0
Apr 02 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
JavaScript节点及列表操作实例小结
Aug 05 Javascript
jQuery实现带滑动条的菜单效果代码
Aug 26 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
Bootstrap媒体对象学习使用
Mar 07 Javascript
Vue实例中生命周期created和mounted的区别详解
Aug 25 Javascript
JavaScript编程设计模式之构造器模式实例分析
Oct 25 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
May 07 Javascript
vue.js中ref和$refs的使用及示例讲解
Aug 14 Javascript
jQuery实现增删改查
Dec 22 jQuery
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内存溢出问题的解决方法
2013/06/25 PHP
PHP多进程编程实例详解
2017/07/19 PHP
PHP常用字符串输出方法分析(echo,print,printf及sprintf)
2021/03/09 PHP
javascript showModalDialog模态对话框使用说明
2009/12/31 Javascript
jQuery 获取浏览器所在的IP地址的小例子
2013/11/08 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
你有必要知道的25个JavaScript面试题
2015/12/29 Javascript
深入浅析AngularJS中的module(模块)
2016/01/04 Javascript
DWR中各种java方法的调用
2016/05/04 Javascript
[原创]Javascript 实现广告后加载 可加载百度谷歌联盟广告
2016/05/11 Javascript
特殊日期提示功能的实现方法
2016/06/16 Javascript
BootStrap入门教程(三)之响应式原理
2016/09/19 Javascript
jquery实现超简单的瀑布流布局【推荐】
2017/03/08 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
2017/08/03 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
2021/02/25 Vue.js
[02:52]DOTA2新手基础教程 米波
2014/01/21 DOTA
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
浅谈keras的深度模型训练过程及结果记录方式
2020/01/24 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
Python实现上下文管理器的方法
2020/08/07 Python
Django如何重置migration的几种情景
2021/02/24 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
大学生水文观测实习自我鉴定
2013/09/29 职场文书
银行优秀员工推荐信
2015/03/24 职场文书
道歉信范文
2015/05/12 职场文书
2015年大学迎新晚会总结
2015/07/16 职场文书
小型企业的绩效考核制度模板
2019/11/21 职场文书
Nginx快速入门教程
2021/03/31 Servers
通过feDisplacementMap和feImage实现水波特效
2022/04/24 HTML / CSS
Nginx 常用配置
2022/05/15 Servers
SQL Server删除表中的重复数据
2022/05/25 SQL Server