【JavaScript】状态栏显示时间，并随时间变化

最新推荐文章于 2021-06-03 22:38:42 发布

原创最新推荐文章于 2021-06-03 22:38:42 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #date

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的网页实时时间显示脚本。该脚本能够在浏览器状态栏显示当前日期和时间，并提供了一个简单的点击停止/继续时间更新的功能。

<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META http-equiv="Content-Script-Type" content="text/javascript">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE>例2</TITLE>
<SCRIPT language="javascript">
    var Flag = true;
    var s = "";

    function shijian() {
      var date = new Date();
      s = date.getYear() + "年" +
          (date.getMonth()+1) + "月" +
          date.getDate() + "日" +
          date.getHours() + "点" +
          date.getMinutes() + "分" +
          date.getSeconds() + "秒";
      if (!Flag) {
        s = "";
      }
      window.status = s;
      setTimeout("shijian();", 1000);
    }

    function stopTime() {
      if (Flag) {
        Flag = false;
        window.status = "";
      } else {
        Flag = true;
        window.status = s;
      }
    }
</SCRIPT>
</HEAD>

<BODY onLoad="shijian();" onClick="stopTime();">

</BODY>

</HTML>