您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

javascript页面上使用动态时间具体实现

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 这篇文章主要介绍了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=utf-8" />  <title>无标题文档</title>    <script type="text/javascript">  //页面上动态时间  function time() {  var dt;  var date = new Date();  dt = date.getFullYear()  + "/"  + date.getMonth()  + "/"  + date.getDate()  + " "  + (date.getHours() <= 9 ? '0' + date.getHours() : date  .getHours())  + ":"  + ((date.getMinutes() <= 9 ? '0' + date.getMinutes() : date  .getMinutes()))  + ":"  + (date.getSeconds() <= 9 ? '0' + date.getSeconds() : date  .getSeconds());  //document.getElementById("ht").innerHTML=dt;  return dt;  }  setInterval("document.getElementById('ht').innerHTML=time()", 1000);  </script>      </head>    <body>    <span id="ht"></span>  </body>  </html>