获取当前时间显示在页面上并每秒刷新

<span id="clockTime"></span></span>
        <script>
            // 获取当前时间
        //jQuery             
        function startTime() {
                var clockTime = document.getElementById("clockTime");
                var date = new Date();
                var year = date.getFullYear(); //当前年份
                var month = date.getMonth(); //当前月份
                var data = date.getDate(); //天
                var hours = date.getHours(); //小时
                var minute = date.getMinutes(); //分
                var second = date.getSeconds(); //秒
                var time = year + "-" + checkTime((month + 1)) + "-" + checkTime(data) + " " + checkTime(hours) + ":" + checkTime(minute) + ":" +                 checkTime(second);
                clockTime.innerHTML = time;
                setTimeout('startTime()', 1000); //每一秒中重新加载startTime()方法
            }
            startTime();
            //补位 当某个字段不是两位数时补0
            function checkTime(str) {
                var num;
                str > 10 ? num = str : num = "0" + str;
                return num;
            }

            //js

            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 = "星期六 "
                document.getElementById('clockTime').innerHTML = yyyy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + day;
                setTimeout('startTime()', 1000); //每一秒中重新加载startTime()方法
            }
            startTime();
            function checkTime(i) {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
        </script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 从今年正月初十起,我开始在中医院针灸科进修,非常感谢祝平老师把我引荐到针灸科,让我认识了针灸师孙腾,后面又认识了阮...
    大荷08阅读 12,458评论 0 2
  • 在对待金钱这方面,和自己的潜意识关系特别大,潜意识中觉得自己不够好,配不上好,就会在金钱中体现出特别节省,买东西买...
    淑智阅读 197评论 0 0
  • 给你们安利几个好玩还能学到东西的网站 煎蛋网 SLOGAN:地球上没有新鲜事 别看名字不正经,虽然导航栏看起来低俗...
    GALEX阅读 449评论 0 2
  • 2019年2月22日 星期五 晴 今天我们吃完晚饭去了百大旁边的肯德基,你好久没去那里的滑梯玩了,今晚一直玩到满头...
    刘芮希爸爸阅读 149评论 0 0