【js与jquery】倒计时代码

来源：互联网发布：苹果电脑rar解压软件编辑：程序博客网时间：2024/04/30 01:20

1.效果图如下：

2.html代码：

<div class="timeFix"><div class="daojishi" id="09/04/2012 00:00:00"><span class="timeh"></span><span class="timem"></span><span class="times"></span><span class="timen"></span></div></div>

3.js代码：

setInterval(lxfEndtime,60);//倒计时function lxfEndtime(){      $(".daojishi").each(function(){            //var lxfday=$(this).attr("lxfday");//用来判断是否显示天数的变量            var endtime = new Date($(this).attr("id")).getTime();//取结束日期(毫秒值)            var nowtime = new Date().getTime();        //今天的日期(毫秒值)            var youtime = endtime-nowtime;//还有多久(毫秒值)            var seconds = youtime/1000;//秒            var minutes = Math.floor(seconds/60);//分            var hours = Math.floor(minutes/60);//小时            var days = Math.floor(hours/24);//天            var CDay= days ;            var CHour= hours % 24;            var CMinute= minutes % 60;            var CSecond= Math.floor(seconds%60);//"%"是取余运算，可以理解为60进一后取余数，然后只要余数。            var c=new Date();               var millseconds=c.getMilliseconds();            var Cmillseconds=Math.floor(millseconds %100);            if(CSecond<10){//如果秒数为单数，则前面补零            CSecond="0"+CSecond;            }            if(CMinute<10){ //如果分钟数为单数，则前面补零            CMinute="0"+CMinute;            }            if(CHour<10){//如果小时数为单数，则前面补零            CHour="0"+CHour;            }            if(Cmillseconds<10)  {//如果毫秒数为单数，则前面补零                Cmillseconds="0"+Cmillseconds;               }               if(endtime<=nowtime){                $(this).html("已过期")//如果结束日期小于当前日期就提示过期啦            }else{                $(this).html("<span class='timeh'>"+CHour+"</span><span class='timem'>"+CMinute+"</span><span class='times'>"+CSecond+"</span><span class='timen'>"+Cmillseconds+"</span>");             }      });