JS 时钟问题

<html>
<head>
<title>Javascript带开关的动态时钟</title>
</head>
<body>
<script language="JavaScript">
<!--
    function showClock(){
        if (form1.rad[1].checked){
            d = new Date();  
            document.form1.disp.value = d.toLocaleString();
            window.setTimeout("showClock()", 1000);   
        }else{
            document.form1.disp.value = "";
        }
    }
//-->
</SCRIPT>
<form name="form1">
<input type="text" name="disp" value="" size="30" ><br>
<input type="radio" name="rad" onClick="showClock()" checked>关
<input type="radio" name="rad" onClick="showClock()">开
</form>
</body>
</html>
请问这段 代码 如果要改成 只用1个按钮来控制 文本框 里面的时间 显示  就是 初始不显示  按1下 显示 
再按不显示 具体要怎没改请大大们能给下具体代码 

解决方案 »

  1.   

    可以使用check box来达到这种要求
    <html>
    <head>
    <title>Javascript带开关的动态时钟</title>
    </head>
    <body>
    <script language="JavaScript">
    <!--
        var timerId = 0;
        function showClock(cb){
            if (cb.checked){
                showTime();
                timerId = setInterval(showTime, 1000);   
            }else{
                document.form1.disp.value = "";
                clearInterval(timerId);
            }
        }
      
        function showTime() {
            d = new Date();   
            document.form1.disp.value = d.toLocaleString();
        }
    //-->
    </SCRIPT>
    <form name="form1">
        <input type="text" name="disp" value="" size="30" >
        <input type="checkbox" name="rad" onClick="showClock(this)">
    </form>
    </body>
    </html>