JS页面时钟

来源：互联网发布：苹果电脑mac地址编辑：程序博客网时间：2024/05/01 18:09

<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>

0 0