简洁实用的实时时间显示

最新推荐文章于 2022-01-18 13:24:54 发布

转载最新推荐文章于 2022-01-18 13:24:54 发布 · 593 阅读

文章标签：

#date #border #function #javascript #div

本文提供了一段简洁实用的代码，用于在网页上实时显示日期和时间，并通过JavaScript定时更新时间显示，确保时间的准确性。

<html> <head> <title>简洁实用的实时时间显示</title> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> </head>  <body onload="startclock()">  <form name="clock"> <mce:script language="JavaScript"></mce:script> <input name="thetime" style="font-size:9pt;color:#000000;border:1px solid #FFFFFF;" mce_style="font-size:9pt;color:#000000;border:1px solid #FFFFFF;" size="28"> </form> </body> </html>

当前时间：<div id="time"style="color:red;">
<script>
document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());
setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>
</div>