有的时候,在网页中实时显示时间还是比较实用的,不但可以为网页添色,还能方便浏览者掌握当前时间。网上有很多这样的类似代码,但大多都比较复杂,长篇大论,今天向大家介绍一种简单的利用JavaScript实时显示时间的代码。
最终效果如下图所示:
相关代码如下所示:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript时间代码(实时显示年月日时分秒)-HTMer</title> <script type="text/javascript" language="javascript"> function setTime() { var currentTime = new Date().toLocaleString(); document.getElementById("htmer_time").innerHTML=currentTime; } setInterval(setTime,1000); </script> </head> <body> <div id="htmer_time"></div> </body> </html>