                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

自己編的代碼，計數(shù)器不能停止

<!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">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<script?type="text/javascript">
	function?kaishi(){
		alert("開始了!");
		document.getElementById("kaishi").innerHTML?=?"開始了！";	
	}
	function?tiwen(){
		var?daan?=?prompt("請輸入內容",daan);	
		if(daan?!=?null){
			document.getElementById("daan").innerHTML?=?daan;	
		}
	}
	function?queren(){
		var?queren?=?confirm("確定要修改"+document.getElementById("daan").innerHTML+"?");	
		if(document.getElementById("daan").innerHTML?!=?""?&&?queren?==?true){
				document.getElementById("daan").innerHTML?=?"答案已經(jīng)被修改！";
				document.getElementById("daan2").style.backgroundColor?=?"#000";
		}
	}
	function?dianji(){
		document.getElementById("shubiao").innerHTML="按鈕被點擊";
	}
	function?clock(){
????var?time=new?Date();??????????
????attime=?time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
????document.getElementById("clock").innerHTML?=?"當前時間："+attime;
??}
??var?interval?=?setInterval("clock()",1000);
??var?ii=0;
	function?clock2(){
		document.getElementById("clock2").innerHTML?=?"計數(shù)器："+ii;
		ii=ii+1;
		setTimeout("clock2()",1000);
		}
	var?timeout?=?setTimeout("clock2()",1000);
	function?stopCount(){
??????clearTimeout(timeout);
??}
</script>
</head>

<body>
<form?id="form1"?name="form1"?method="post"?action="">
??<table?width="500"?border="1">
????<tr>
??????<td><input?type="button"?name="button"?id="button"?value="警告"?onclick="kaishi()"/></td>
??????<td?id="kaishi"></td>
????</tr>
????<tr>
??????<td><input?type="button"?name="button1"?id="button1"?value="提問"?onclick="tiwen()"/></td>
??????<td?id="daan"></td>
????</tr>
????<tr>
??????<td><input?type="button"?name="button2"?id="button2"?value="確認修改"?onclick="queren()"/></td>
??????<td?id="daan2">&nbsp;</td>
????</tr>
????<tr>
??????<td><input?type="button"?name="button3"?id="button3"?value="打開新窗口"?onclick="javascript:window.open('test1_1.php','_blank','width=300;height=300');"/></td>
??????<td>&nbsp;</td>
????</tr>
????<tr>
??????<td><input?type="button"?name="button4"?id="button4"?value="鼠標事件測試"?onclick="dianji()"/></td>
??????<td?id="shubiao"></td>
????</tr>
????<tr>
??????<td><script?type="text/javascript">
	??	var?date=?new?Date();
		document.write(date);
??????</script></td>
??????<td?id="clock"></td>
????</tr>
????<tr>
??????<td>
??????<input?type="button"?name="button5"?id="button5"?value="停止↑"?onclick="javascript:clearInterval(interval);"?/>
??????<input?type="button"?name="button6"?id="button6"?value="停止→"?onclick="stopCount()"?/>
??????</td>
??????<td?id="clock2"></td>
????</tr>
????<tr>
??????<td>&nbsp;</td>
??????<td>&nbsp;</td>
????</tr>
????<tr>
??????<td>&nbsp;</td>
??????<td>&nbsp;</td>
????</tr>
????<tr>
??????<td>&nbsp;</td>
??????<td>&nbsp;</td>
????</tr>
??</table>
</form>
</body>
</html>