JS页面时钟

最新推荐文章于 2024-03-11 23:44:20 发布

梦想不断超越

最新推荐文章于 2024-03-11 23:44:20 发布

阅读量247

点赞数

分类专栏： Web 文章标签： javascript

本文链接：https://blog.csdn.net/lujiachun1/article/details/54766768

版权

Web 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>win01</title>

</head>
<body>
    <input type="text" size="30" id="one" /><br/>
    <input type="button" id="two" value="开始" onclick="fun1();" />
    <input type="button" id="three" value="结束" onclick="fun2();" />
</body>
<script type="text/javascript">
    var id;
    // 控制文本框中内容
    //document.getElementById("one").value="123";

    function setTime() {
        //1.获得当前时间
        var date = new Date();
        //2.交给文本输入框显示
        document.getElementById("one").value=date.toLocaleString();
    }

    function fun1() {
        setTime();
        //3.调用setInterval 每隔一秒调用一次setTime方法
        if (!id) { //如果id不存在
            id = window.setInterval(setTime, 1000);
        }
    }

    function fun2() { // 停止时钟
        clearInterval(id);
        id = undefined;
    }
</script>
</html>