倒计时代码③

距离2018年元旦还有：

- - - -

本页可以观看本代码的效果。复制本例代码替换掉快站js控件中原来的代码，更新页面就可以看到效果了。
互助交流Q群：3036979。多谢关注

快站代码http://daima.kuaizhan.com

另有云商店倒计时组件（拖拽式管理），查看演示

代码：
距离2018年元旦还有：<script type="text/javascript" src="http://pic.kuaizhan.com/g2/M01/6A/95/CgpQVFaxmjSAWWRsAAAK_xNT_y80646067"></script><script type="text/javascript">$(function(){countDown("2018/1/1 00:00:00","#demo01 .day","#demo01 .hour","#demo01 .minute","#demo01 .second");});function countDown(time,day_elem,hour_elem,minute_elem,second_elem){//if(typeof end_time == "string")var end_time = new Date(time).getTime(),//月份是实际月份-1//current_time = new Date().getTime(),sys_second = (end_time-new Date().getTime())/1000;var timer = setInterval(function(){if (sys_second > 0) {sys_second -= 1;var day = Math.floor((sys_second / 3600) / 24);var hour = Math.floor((sys_second / 3600) % 24);var minute = Math.floor((sys_second / 60) % 60);var second = Math.floor(sys_second % 60);day_elem && $(day_elem).text(day);//计算天$(hour_elem).text(hour<10?"0"+hour:hour);//计算小时$(minute_elem).text(minute<10?"0"+minute:minute);//计算分$(second_elem).text(second<10?"0"+second:second);// 计算秒} else {clearInterval(timer);}}, 1000);}</script><style type="text/css">*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";}/* colockbox */.colockbox{width:283px;height:76px;margin:20px auto;background:url(http://pic.kuaizhan.com/g2/M01/6A/95/CgpQVFaxmjSAWWRsAAAK_xNT_y80646067) no-repeat;}.colockbox span{float:left;display:block;width:58px;height:48px;line-height:48px;font-size:26px;text-align:center;color:#ffffff;margin:0 17px 0 0;}.colockbox span.second{margin:0;}</style></p><div class="colockbox" id="demo01"><span class="day">-</span><span class="hour">-</span><span class="minute">-</span><span class="second">-</span></div>