js定时器动态显示时间

 // time
        let time = document.getElementsByClassName('time')[0];
        function startTime() {
            var today = new Date();//定义日期对象  
            var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
            var MM = today.getMonth() + 1;//通过日期对象的getMonth()方法返回年    
            var dd = today.getDate();//通过日期对象的getDate()方法返回年    
            var hh = today.getHours();//通过日期对象的getHours方法返回小时  
            var mm = today.getMinutes();//通过日期对象的getMinutes方法返回分钟  
            var ss = today.getSeconds();//通过日期对象的getSeconds方法返回秒  
            // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09  
            MM = checkTime(MM);
            dd = checkTime(dd);
            mm = checkTime(mm);
            ss = checkTime(ss);
            var day; //用于保存星期(getDay()方法得到星期编号)
            if (today.getDay() == 0) day = "星期日 "
            if (today.getDay() == 1) day = "星期一 "
            if (today.getDay() == 2) day = "星期二 "
            if (today.getDay() == 3) day = "星期三 "
            if (today.getDay() == 4) day = "星期四 "
            if (today.getDay() == 5) day = "星期五 "
            if (today.getDay() == 6) day = "星期六 "
            time.innerHTML = yyyy + "-" + MM + "-" + dd + " " + day + hh + ":" + mm + ":" + ss + "   ";
            setTimeout('startTime()', 1000);//每一秒中重新加载startTime()方法
        }
        function checkTime(i) {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
        startTime()
posted @   诗人zoro  阅读(325)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示