js倒计时效果

╰半橙微兮° 2022-05-23 10:10 233阅读 0赞

<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>