在jquery中,可以使用“newDate()”获得当前时间,使用html()方瓠鲶陋啼法将获得的时间输出在网页上。下面小编举例讲解利用jquery如何在网页中显示时间。
工具/原料
html+jquery
代码编辑器:zendstudio10.0
方法/步骤
1、新建一个html文件,命名为test.html,用于讲解利用jquery如何在网页中显示时间。
2、在test.html文件内,使用div标签创建一个模块,用于时间的显示。
3、在test.html文件内,给div标签添加一个id属性,用于下面获得div对象。
4、在js标签内,创建一个showTime()函数,用于向div标签写入时间。在函数内水貔藻疽,使用“newDate()”获得当前时袁葜槭贿间,通过id获得div对象,使用html()方法将获得的时间输出来,再使用setTimeout()方法,每隔1秒执行一次showTime()函数,实现时间按秒数一直变化。
5、在js标签内,在页面加载完成时,调用一次showTime()函数,触发时间的显示。
6、在浏览器打开test.html文件,查看结果。