加入收藏 | 设为首页 | 会员中心 | 我要投稿 聊城站长网 (https://www.0635zz.com/)- 智能语音交互、行业智能、AI应用、云计算、5G!
当前位置: 首页 > 教程 > 正文

一份使用纯粹的JavaScript编写而成的可动态更新时间的代码

发布时间:2023-10-05 14:34:18 所属栏目:教程 来源:
导读:代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script language="
代码如下:
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<title>无标题文档</title>
 
 <script language="javascript">
 
     var t = null;
 
    t = setTimeout(time,1000);//开始执行
 
    function time()
 
    {
 
       clearTimeout(t);//清除定时器
 
       dt = new Date();
 
       var h=dt.getHours();
 
       var m=dt.getMinutes();
 
       var s=dt.getSeconds();
 
       document.getElementById("timeShow").innerHTML =  "现在的时间为:"+h+"时"+m+"分"+s+"秒";
 
       t = setTimeout(time,1000); //设定定时器,循环执行            
 
    }
 
  </script>
 
</head>
 
<body>
 
<label id="timeShow"></lable>
 
</body>
 
</html>
 
 

(编辑:聊城站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章