您的位置首页百科问答

HTML如何显示当前动态时间

HTML如何显示当前动态时间

的有关信息介绍如下:

HTML如何显示当前动态时间

如何将当前动态时间显示在网页上,随着时间的变化,秒针自动跳转,显示完整日期和时间。

请看详细经验,本篇经验教你如何使用JavaScript将时间打印在HTML网页上。

1、搭建网页

利用已搭建的IIS本地服务器,在共享区域新建一个html文件,命名为index.html。如图:

(IIS与本地服务器的搭建,请看引用)

0如何建立局域网共享目录

170怎么把一台电脑设置为局域网服务器

2、植入html元素

用记事本打开index.html,完善html基本元素。

写入一下代码:

时间的动态显示

并保存。如图:

3、写入JavaScript时间代码

在html头部写入获取时间的代码:

如图:

4、写入div标签

在内容部分写入div标签,并附上ID,用来加载时间的载体。

如图:

5、写入样式

在头部写入div的样式:

并保存,如图:

6、加载网页

在浏览器输入192.168.1.2,查看编写的网页文件。

如图: