页面显示实时时间

1、元素标签

2.js:

$(function() {
    displayTime();
});
function displayTime() {
    var date = new Date();
    this.year = date.getFullYear();
    this.month = date.getMonth() + 1;
    this.date = date.getDate();
    this.day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六")[date.getDay()];
    this.hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
    this.minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
    this.second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
    var currentTime =this.year + "年" + this.month + "月" + this.date + "日 " + this.hour + ":" + this.minute + ":" + this.second + " " + this.day;
    var elt = document.getElementById("clock"); // 通过id= "clock"找到元素
    elt.innerHTML = currentTime; //让elt来显示它
    setTimeout(displayTime,1000); //在1秒后再次执行
}

 

你可能感兴趣的:(javascript,HTML)