这篇文章主要介绍了基于javascript实现动态显示当前系统时间,以一个完整实例形式较为详细的分析了js动态显示当前系统时间的实现技巧,需要的朋友可以参考下
本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下
(1)时间日期信息,应该在一个
中来显示
(2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout()
(3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload
(4)如何将 时间日期信息 写入到指定的
中,DOM对象中的innerHTML属性
效果图:
具体代码:
无标题文档//定义函数:构建要显示的时间日期字符串
function showTime()
{
//创建Date对象
var today = new Date();
//分别取出年、月、日、时、分、秒
var year = today.getFullYear();
var month = today.getMonth()+1;
var day = today.getDate();
var hours = today.g