爱学网
当前位置 : 爱学网 > 经验 > 学习经验 > 实例讲解JavaScript中怎么获取当前系统时间

实例讲解JavaScript中怎么获取当前系统时间

更新时间:2026-05-04 19:58:53

JavaScript是互联网上最流行的的脚本语言,专门用来改进网页设计,增加网页与用户的互动性,还可以用来检验表单等等,应用范围广泛,值得学习。现在,我们以实际的例子来看看JavaScript中怎么获取当前系统的时间吧。

操作方法

01

新建文档双击桌面上的Dreamweaver图标,打开软件,然后在菜单栏中找到:【文件】---【新建】---【HTML】新建一张HTML类型的文档。

02

保存文件快捷键【ctrl+S】,弹出一个【存放位置】窗口,输入【文件名】为time,文件类型为【All Document】,然后点击【确定】即可。

03

占位符在【time.html】文件的body主体部分编辑代码,编写一个div用来放置时间。具体代码如下所示:

04

编辑script脚本代码,javascript代码要放在script中间,代码如下所示:

05

然后在script中编写时间代码,用来显示系统的时间,具体代码如下所示。 setInterval(function(){ var time = new Date(); var hour = time.getHours(); var minute = time.getMinutes(); var second = time.getSeconds(); var oDiv = document.getElementById('div1'); oDiv.innerHTML = "现在是"+hour+"时"+minute+"分"+second+"秒"; },1000);

06

预览方法点击【Dreamweaver】软件中的【地球图标】,在下拉列表中选择【预览在360浏览器】。

07

预览结果在浏览器中预览的效果如下图所示,可以看到时间跟电脑系统的时间是一致的,而且是动态的。

08

解析下代码的含义(1) setInterval(function(){})动作函数,表示在播放动作的时候,每个一定的时间调用一次函数,所以在浏览器中预览的时间才会发生动态变化;(2) var time = new Date();获取当前系统的时间;(3)var hour = time.getHours();获取当前系统的时间var minute = time.getMinutes();获取当前系统的分钟 var second = time.getSeconds();获取当前系统的秒(4)为了便于理解,贴出页面的全部代码供参考:

相关推荐