js倒计时效果-蒲公英云

js倒计时效果

   <ul>
     <li class="time hms">
                        <span></span>
                        :
                        <span></span>
                        :
                        <span></span>
                    </li>
                    <li class="time">
                        <p class="time-1">周五</p>
                        <p class="time-2 color0175a4"></p>
                    </li>
    </ul>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.11.3.min.js"></script>
    <script>    function CurentTime() {            var now = new Date();            var year = now.getFullYear();       //年            var month = now.getMonth() + 1;     //月            var day = now.getDate();            //日            var hh = now.getHours();            //时            var mm = now.getMinutes();          //分            var ss = now.getSeconds();           //秒            var clock = year + "-";            if (month < 10)                clock += "0";            clock += month + "-";            if (day < 10)                clock += "0";            clock += day + " ";            if (hh < 10)                clock += "0";            // clock += hh + ":";            // if (mm < 10) clock += '0';            // clock += mm + ":";            //            // if (ss < 10) clock += '0';            // clock += ss;            return (clock);        }        var mydate=new Date();        var myddy=mydate.getDay();//获取存储当前日期        var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];        function getTime() {            var dateObj = new Date();            var hours = dateObj.getHours();//小时            var minutes = dateObj.getMinutes();//分钟            var seconds = dateObj.getSeconds();//秒            if(hours<10){                hours = "0"+hours;            }            if(minutes<10){                minutes = "0"+minutes;            }            if(seconds<10){                seconds = "0"+seconds;            }            var newDate = hours+":"+minutes+":"+seconds           $(".hms span")[0].innerHTML = hours;//在div中写入时间           $(".hms span")[1].innerHTML = minutes;//在div中写入时间           $(".hms span")[2].innerHTML = seconds;//在div中写入时间            setTimeout('getTime()', 1000);//每隔500ms执行一次getTime()        }        $(function () {            $(".time-2").html(CurentTime);            $(".time-1").html(weekday[myddy]);            getTime();        })    </script>