js在线更新时间

---

需求

输出当前日期在页面上，日期不断更新。

---

提示：以下是本篇文章正文内容，下面案例可供参考

分析

1. 首先获取日期对象，赋值给变量newTime;
2. 通过getFullYear（）等方法得到当前年月日时分秒；
3. 得到的月份默认为从0月开始，就是中国的一月份，所以要把得到的月份加1输出。
4. 得到的星期是从1开始，到6结束，周日是0；所以定义一个数组，数组第一个值是日，按下标输出。
5. 时分秒输出时，如果小于10，就会输出1，我们要的效果时01，所以加一个判断

代码

代码如下（示例）：

 window.onload = function() {
            var p = document.getElementsByTagName('p')[0];
            var arr = ['日', '一', '二', '三', '四', '五', '六']
            var newtime;
            var years, months, dates, days, hours, minutes, seconds;
            setInterval(getNow, 1000);
            function getNow() {
                newtime = new Date();
                years = newtime.getFullYear();
                months = newtime.getMonth() + 1;
                dates = newtime.getDate();
                days = newtime.getDay();
                console.log(days);
                hours = newtime.getHours();
                hours = hours < 10 ? '0' + hours : hours;
                minutes = newtime.getMinutes();
                minutes = minutes < 10 ? '0' + minutes : minutes;
                seconds = newtime.getSeconds();
                seconds = seconds < 10 ? '0' + seconds : seconds;
                p.innerHTML = '今天是' + years + '年' + months + '月' + dates + '号' + '星期' + arr[days] + " " + hours + ':' + minutes + ':' + seconds;
            }