1、新建一个html页面,命名为test.html,用于讲解js里怎样让页面的时间一直更新。
2、在test.html文件内,使用p标签创建时间的显示区域,并设置p标签的id属性为myid。
3、在test.html文件内,在js标签内,创建一个getTime()函数,在函数内,使用new Date()获得当前的时间。
4、在test.html文件内,使用getFullYear()获得时间的年份,getMonth()获得时间的月份,getDate()获得时间的日,getHours()获得时间的小时,getMinutes()获得时间的分钟,getSeconds()获得时间的秒数,分别保存在不同的变量中。
5、在test.html文件内,把上一步获得的时间参数连接成时间的字符串,并使用innerHTML属性将时间显示在p标签内。
6、在test.html文件内,在getTime()函数外,使用setInterval猾诮沓靥()方法每隔一秒执行一次getTime()函数,实现实时更新时间。
7、在浏览器中打开test.html页面,查看实现的效果。