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>

                           

发布了13 篇原创文章 · 获赞 4 · 访问量 646

猜你喜欢

转载自blog.csdn.net/zd8693476/article/details/80603351