时钟插件

jsp

<div id="clock" style='text-align: center;'>
  <h4>北京时间</h4>
<p><span id="year"></span>年<span id="month">
                  </span>月<span id="day">
                  </span>日</p>
<p><span id="weekday"></span></p>
<p><span id="hour"></span>:<span id="minute"></span>:<span id="second"></span></p>
</div>

js

var year1 = document.getElementById("year");
var month1 = document.getElementById("month");
var day1 = document.getElementById("day");
var weekday1 = document.getElementById("weekday");
var hour1 = document.getElementById("hour");
var minute1 = document.getElementById("minute");
var second1 = document.getElementById("second");


function load(){
gettime();
setInterval(gettime,1000);
}
function gettime(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth();
month = month+1;
var day = date.getDate();
var weekday = date.getDay();
switch (weekday){
case 0:
weekday = "星期日";
break;
case 1:
weekday = "星期一";
break;
case 2:
weekday = "星期二";
break;
case 3:
weekday = "星期三";
break;
case 4:
weekday = "星期四";
break;
case 5:
weekday = "星期五";
break;
case 6:
weekday = "星期六";
break;
}
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();

year1.innerHTML = year;
month1.innerHTML = month;
day1.innerHTML = day;
weekday1.innerHTML = weekday;
hour1.innerHTML = hour;
minute1.innerHTML = minute;
second1.innerHTML = second;
}