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





 <!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. Javascript学习之无缝滚动
			
    无缝滚动Javascript: <!DOCTYPE html> <html> <head> <meta charset="utf-8"&g ...
    
			
    2. 
						
  2. 20145205 java语言实现数据结构实验一
			
    数据结构实验要求 综合类实验设计3 已知有一组数据a1a2a3a4--anb1b2b3b4--bm,其中ai均大于bj,但是a1到an和b1到bm不是有序的,试设计两到三个算法完成数据排序,且把bj数 ...
    
			
    3. 
						
  3. PHP 天巡机票接口
			
    一个旅游网站项目,网站需要机票预订接入了天巡机票接口,获取机票信息,不搞不知道,一搞吓一跳比较麻烦. 搜索机票信息需要分2步,首先POST获得一个SESSION,2秒之后,根据这个SESSION,从一 ...
    
			
    4. 
						
  4. 如何给你的LinuxVPS装个远程桌面
			
    有些人抱怨Linux的系统没有桌面,用着实在是不方便.今天整理一下网上的教程,给VPS装个桌面环境.Centos系统+X Window+GNOME Desktop. 此程序会安装无数乱七八糟的东西到你 ...
    
			
    5. 
						
  5. Linux防火墙配置(iptables, firewalld)
			
    netfilter和底层实现 iptables firealld Linux中的防火墙 RHEL中有几种防火墙共存: iptables firewalld ip6tables ebtables 这些软 ...
    
			
    6. 
						
  6. PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 的区别   有点像static 和 self的意思 ！
			
    PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 通常情况下,PHP $_SERVER['SCRIPT_FILENAME'] 与 __FILE__ 都会返回 PHP ...
    
			
    7. 
						
  7. WIN7 如何将BAT文件附加到任务栏
			
    1.桌面有个 a.bat 文件2.将a.bat 改名为 a.exe3.将 a.exe 拉到任务栏4.修改桌面的 a.exe 回 a.bat5.打开C:\Users\Administrator\AppD ...
    
			
    8. 
						
  8. mysql优化杂记
			
    一.mysqladmin的使用#mysqladmin extended-status -u root -i 2 -c 2 -p | grep connect查看mysql的状态中带有connect字符 ...
    
			
    9. 
						
  9. reset 单个文件 回退
			
    git将单个文件恢复到历史版本的正确方法如下: git reset commit_id 文件路径 git checkout -- 文件路径
    
			
    10. 
						
  10. JAVASE02-Unit03： 日期操作 、 集合框架
			
    Unit03: 日期操作 . 集合框架 java.util.Date package day03; import java.util.Date; /** * java.util.Date * Date ...
    
			
    11.