利用jquery如何在网页中显示时间

在jquery中, 可以使用“new Date()”获得当前时间, 使用html()方法将获得的时间输出在网页上 。 下面小编举例讲解利用jquery如何在网页中显示时间 。

利用jquery如何在网页中显示时间



需要这些哦
html+jquery
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解操纵jquery若何在网页中显示时候 。
利用jquery如何在网页中显示时间



2在test.html文件内, 利用div标签建立一个模块, 用于时候的显示 。
利用jquery如何在网页中显示时间



3在test.html文件内, 给div标签添加一个id属性, 用于下面获得div对象 。
利用jquery如何在网页中显示时间



4在js标签内, 建立一个showTime()函数, 用于标的目的div标签写入时候 。 在函数内, 利用“new Date()”获适当前时候, 经由过程id获得div对象, 利用html()方式将获得的时候输出来, 再利用setTimeout()方式, 每隔1秒执行一次showTime()函数, 实现时候按秒数一向转变 。
利用jquery如何在网页中显示时间



5在js标签内, 在页面加载完当作时, 挪用一次showTime()函数, 触发时候的显示 。
利用jquery如何在网页中显示时间



6在浏览器打开test.html文件, 查看成果 。
利用jquery如何在网页中显示时间



总结:1【利用jquery如何在网页中显示时间】1、利用div标签建立一个模块, 用于时候的显示 。
2、在js标签内, 建立一个showTime()函数在函数内, 利用“new Date()”获适当前时候, 经由过程id获得div对象, 利用html()方式将获得的时候输出来, 再利用setTimeout()方式, 每隔1秒执行一次showTime()函数, 实现时候按秒数一向转变 。




注重事项toLocaleString()方式用于格局化时候 。

以上内容就是利用jquery如何在网页中显示时间的内容啦, 希望对你有所帮助哦!

    猜你喜欢