重写了一下,增强了通用性,重写时发现月份和年份计算很复杂,因为月份天数不一样,年份又涉及平年闰年;
本人数学实在不佳无法写出算法,哪位大大日后写出来了分享给小弟一份，谢谢~。





 <!doctype html>

 <html>

 <head>

 <meta charset="utf-8">

 <title>无标题文档</title>

 </head>

 <body>

    <p id="disBlock"></p>

 </body>

 <script type="text/javascript">

     var results={millisecond:"", second:"",minute:"", hour:"",day:"",month:"",year:""};   //结果集

     //计算剩余

     function calcSurplus(fdate){

             var odate = new Date(fdate);  //未来的时间

             var cdate, surplusDate;       //当前时间,剩余时间

 /*            var year = new Date().getYear();   //当前年份

             var february = (year % 4 == 0 && year % 100 != 0) || year % 400 == 0 ? 29 : 28; //计算二月份的天数

             var days = new Array(31,february,31,30,31,30,31,31,90,31,30,31);*/

             function result() {

                 cdate = new Date();

                 surplusDate = odate.getTime() - cdate.getTime();  //未来时间与当前时间相差的毫秒

                 with(results){

                     millisecond = surplusDate % ;          //总毫秒数模1000就是换算为秒后剩余的毫秒

                     surplusDate -= millisecond;                //总毫秒减去剩余的毫秒

                     second = (surplusDate / ) % ;        //(surplusDate / 1000)减去多余的毫秒剩下的毫秒/1000,

                     surplusDate -= second * ;              //则为剩余毫秒转换为秒后的数值,然后用该数值模60则为剩下的分钟

                     minute = (surplusDate / ) % ;       //后面的运算以此类推,先减去前面已经算过的毫秒值

                     surplusDate -= minute * ;             //然后用当前毫秒除以当前单位的运算值,然后取模该单位的上级单位

                     hour = (surplusDate / ) % ;

                         surplusDate -= hour * ;

                      day = (surplusDate / ) ;

                     /*surplusDate-=day*86400000;

                     month=(surplusDate / (86400000*days[cdate.getMonth()]))%12;

                     surplusDate-=month*(86400000*days[cdate.getMonth()]);

                     year=Math.floor(surplusDate/(86400000*(337+february)));   //年没有上级单位,所以只需要用剩下的毫秒去除以换算值然后在向下取整就可以了*/

                     /*                    year=Math.floor(surplusDate/(86400000*(365)));   //剩余年数

                     surplusDate-=year*31536000000;

                     for(var i=1;i<=year;i++){                 //对年数循环,检查需要走过多少个闰年

                            if((cdate.getYear() % 4 == 0 && cdate.getYear() % 100 != 0) || cdate.getYear() % 400 == 0 ){

                                surplusDate-=86400000;        //如果是闰年,多减一天的毫秒数

                                }

                         }*/

                     // 平年平均每月的毫秒数 2628000000

                     // 闰年平均每月的毫秒数 2635200000

 /*                    var mis=february==28?2628000000:2635200000;

                     month=(surplusDate/mis)%12;

                     surplusDate-=month*mis;*/

                     }

                 return results;

             }

             return result;

     }

     var setHtml = calcSurplus("2015/07/12 16:08:11");

     setInterval(function(){

         setHtml();

         var html=/*results.year+"年"+results.month+"月"+*/results.day+"天"+results.hour+"时"+results.minute+"分"+results.second+"秒"+results.millisecond+"毫秒";

         document.getElementById("disBlock").innerHTML=html;

         },);

 </script>

 </html>








												


											
JS倒计时功能,给定时间返回规定格式倒计时时间的更多相关文章
	

    
								
  1. c# 处理js序列化时 datetime返回UTC格式的问题
		
    using Newtonsoft.Json; using System; using System.Collections.Generic; using System.Linq; using Syst ...
    
		
    2. 
						
  2. 点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)
		
    效果: 代码: <head runat="server"> <title></title> <script type="text ...
    
		
    3. 
						
  3. JS实现为控件添加倒计时功能
		
    一.概述 在有些报表需求中,需要为控件添加倒计时功能,限制到某一个时间点后能进行一项操作或不能进行某项操作,比如查询,导出功能等等,又需要人性化地显示还有多少时间,即倒计时功能,比如下图中我们限制这个 ...
    
		
    4. 
						
  4. 原生js实现一个简单的倒计时功能
		
    大家好,我是云中君!欢迎大家来观看我的博客 之前那,在群里看到很多人问,关于电商网站中的倒计时功能怎么实现,很多人说在网上找了很多插件,但是不是很会用,所以今天就在这里分享一下我封装的一个小的倒计时功 ...
    
		
    5. 
						
  5. js之验证码倒计时功能
		
    <!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" conten ...
    
		
    6. 
						
  6. 模块：js实现一个倒计时功能
		
    1.给显示内容加样式 <style> #p1{font-size: large; color: red;} </style> 2.客户端页面 <div id=" ...
    
		
    7. 
						
  7. js实现是倒计时功能
		
    工作中经常用到倒计时的功能,最近在整理之前做的项目的时候,发现自己写过一个倒计时的功能的效果,这里和大家分享下!实现这个功能是用原生js写的,不需要加载额外的库文件!功能比较简单,但是可以在此基础上扩 ...
    
		
    8. 
						
  8. 微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能
		
    微信小程序+WEB使用JS实现注册[60s]倒计时功能开发步骤: 1.wxml页面代码: <text>绑定手机</text> <form bindsubmit=" ...
    
		
    9. 
						
  9. js 倒计时功能，获取当前时间的年月日，时分秒
		
    一.实现当前时间到指定截止时间的倒计时功能 <html> <head> <title>TEST</title> </head> <bo ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. PhpStorm 10   破解方法
			
    最新版PhpStorm 10正式版改进了PHP 7支持,改进代码完成功能. PhpStorm 是最好的PHP开发工具,使用它进行PHP开发将会让你感觉到编程的乐趣. 快乐无极终于从oschina看到了 ...
    
			
    2. 
						
  2. Linux系统glibc库版本信息查看
			
    原文链接:http://www.jbxue.com/LINUXjishu/29946.html 1. CentOS /lib/i386-linux-gnu/libc.so. 或 rpm -qi gli ...
    
			
    3. 
						
  3. nodejs如何储存一个GBK编码的文件
			
    思路:utf-8 -> decode(to buffer) -> convert to gbk(buffer also) -> write buffer to file. var f ...
    
			
    4. 
						
  4. linux安装jdk和scala
			
    安装jdk 1.下载jdk 2.在linux中创建一个文件夹java,我习惯放在user下 3.上传jdk安装包到java下,然后解压 4.ect/profile下修改文件,添加环境变量 JAVA_H ...
    
			
    5. 
						
  5. TabSiPlus发布1749版本
			
    拖了几天,终于可以发布了,下载地址如下: http://www.winmsg.com/download/TabSiPlus_0_99b2_1749.rar 这个包里没有附带VC的运行库,考虑到大多数人 ...
    
			
    6. 
						
  6. Redis数据类型介绍
			
    Redis 数据类型 Redis支持五种数据类型:string(字符串),hash(哈希),list(列表),set(集合)及zset(sorted set:有序集合). String(字符串) st ...
    
			
    7. 
						
  7. wp8.1 页面返回 页面导航
			
    public The_second() public second() { this.InitializeComponent(); Frame frame = Window.Current.Conte ...
    
			
    8. 
						
  8. 实时控制软件设计第一周作业-汽车ABS软件系统案例分析
			
    汽车ABS软件系统案例分析 ABS 通过控制作用于车轮制动分泵上的制动管路压力,使汽车在紧急刹车时车轮不会抱死,这样就能使汽车在紧急制动时仍能保持较好的方向稳定性. ABS系统一般是在普通制动系统基础 ...
    
			
    9. 
						
  9. Java提高篇——单例模式
			
    介绍 在我们日常的工作中经常需要在应用程序中保持一个唯一的实例,如:IO处理,数据库操作等,由于这些对象都要占用重要的系统资源,所以我们必须限制这些实例的创建或始终使用一个公用的实例,这就是我们今天要 ...
    
			
    10. 
						
  10. javascript的缓动效果
			
    这部分对原先的缓动函数进行抽象化,并结合缓动公式进行强化.成品的效果非常惊人逆天.走过路过不要错过. 好了,打诨到此为止.普通的加速减速是难以让人满意的,为了实现弹簧等让人眼花缭乱的效果必须动用缓动公 ...
    
			
    11.