如何利用JS快速显示当前页面动态时间

最新推荐文章于 2024-03-07 14:51:01 发布

最新推荐文章于 2024-03-07 14:51:01 发布 · 308 阅读

文章标签：

#JavaScript #ViewUI

Web前端-综合专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种使用JavaScript在网页上实现实时显示当前时间的方法。通过设置定时器每秒更新时间，无需复杂的日期格式化即可简便地实现。适用于需要在网站上显示实时时间的场景。

在页面上显示当前时间为常用功能，这里有个简单代码

<tr>
    <td colSpan=2 align=right>
       <font color="#cb6f00" style="font-weight: 900;">
       当前时间：<span id="d"></span>&nbsp;&nbsp;</font>
<script language="javascript">
 	window.setInterval("timer()", 1000);
	function timer(){
		var currDate = new Date();
		document.getElementById("d").innerHTML = currDate.toLocaleString(); 
	}
</script>
    </td>

没有必要去分年、月、日、然后时、分、秒进行拼接，这个方法就可以搞定，显示效果如下