php js动态显示系统时间,js实现网站上动态时间显示

js实现动态获取系统时间，并动态显示在网页上的效果function showtimes(){

//获取当前日期

var date_time = new Date();

//定义星期

var week;

//switch判断

switch (date_time.getDay()){

case 1: week="星期一"; break;

case 2: week="星期二"; break;

case 3: week="星期三"; break;

case 4: week="星期四"; break;

case 5: week="星期五"; break;

case 6: week="星期六"; break;

default:week="星期天"; break;

}

//年

var year = date_time.getFullYear();

//判断小于10，前面补0

if(year<10){

year="0"+year;

}

//月

var month = date_time.getMonth()+1;

//判断小于10，前面补0

if(month<10){

month="0"+month;

}

//日

var day = date_time.getDate();

//判断小于10，前面补0

if(day<10){

day="0"+day;

}

//时

var hours =date_time.getHours();

//判断小于10，前面补0

if(hours<10){

hours="0"+hours;

}

//分

var minutes =date_time.getMinutes();

//判断小于10，前面补0

if(minutes<10){

minutes="0"+minutes;

}

//秒

var seconds=date_time.getSeconds();

//判断小于10，前面补0

if(seconds<10){

seconds="0"+seconds;

}

//拼接年月日时分秒

//var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;

var date_str = year+"."+month+"."+day+" "+hours+":"+minutes+":"+seconds;

//显示在id为showtimes的容器里

document.getElementById("showtime").innerHTML= date_str;

}

//设置半秒调用一次showtimes函数

setInterval("showtimes()",500);

实现的思路通过  setInterval 在一秒内 不停的 去获取js函数获取的 年月日时分秒和星期 然后通过js动态写入到网页的DOM中，看上去就像时间的数字不停的在改变，在跑。