带控制按钮的文本框时钟

最新推荐文章于 2022-03-08 11:25:39 发布

JOHNCOOLS

最新推荐文章于 2022-03-08 11:25:39 发布

阅读量1.3k

点赞数 1

分类专栏： HTML JS 网页设计学习与技巧文章标签： input button html function date xml

HTML JS 网页设计学习与技巧专栏收录该内容

178 篇文章

订阅专栏

比较简单，直接贴上代码：

<!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" xml:lang="en" lang="en">
<head>
  <title>clock</title>
  <script type="text/javascript">
    var enable=0,tm;
    function setTime(){
        var now=new Date();
        var time=now.toLocaleString();
        document.getElementById("time").value=time;
        tm=setTimeout("setTime()",1000);
        enable=1;
    }
  </script>
</head>
<body>
<input type="text" id="time" style="overflow:visible" value="" />
<input type="button" value="开" onclick="if(enable==0){setTime();}"/>
<input type="button" value="关" onclick="if(enable==1){time.value='';clearTimeout(tm);enable=0}" />
</body>
</html>