基于javascript实现动态时钟效果

本文实例讲解了javascript动态时钟效果的实现方法，分享给大家供大家参考，具体内容如下

实现代码：

<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>动态时钟</title><script type="text/javascript">//在网页上输出：今天的日期、星期、现在的时间（动态时钟）function start（）{var today=new Date（）;var year=today.getFullYear（）;var month=today.getMonth（）+1;var day=today.getDate（）;var hours=today.getHours（）;var minutes=today.getMinutes（）;var seconds=today.getSeconds（）;//如果是单位数字，前面补0month=month<10? "0"+month :month;day=day<10? "0"+day :day;hours=hours<10? "0"+hours :hours;minutes=minutes<10? "0"+minutes :minutes;seconds=seconds<10? "0"+seconds :seconds;//时间信息连成字符串var str="今天是"+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;//获取id=result的内容var obj=document.getElementById（"result"）;obj.innerHTML=str;//延时器window.setTimeout（"start（）",1000）;}</script></head> <body onload="start（）"><div id="result"></div></body></html>

希望本文所述对大家学习javascript程序设计有所帮助。