想加一個停止倒計時的按鍵
加了一個停止按鍵? 但是不好使 求大神指教
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <h2>操作成功</h2>
? <span id="count">5</span>秒后回到主頁<a href="javascript" onclick="goBack()">返回</a>
? <a href="javascript" onclick="stopTimeout()">停止倒計時</a>
? <script type="text/javascript">??
? ?//獲取顯示秒數的元素，通過定時器來更改秒數。
? ?var num = 5
? ?function startCount() {
? ? document.getElementById('count').innerHTML=num;
? ? num=num-1;
? ? var tt=setTimeout("startCount()",1000) ;
? ? if(num==0){
? ? ? ? clearTimeout(tt);
? ? ? ? window.location.replace("http://www.xianlaiwan.cn/");
? ? }
? }
? startCount();
? ?//通過window的location和history對象來控制網頁的跳轉。
? ? ?function goBack(){?
? ? ?window.history.go(-1);
? ? }
? ? ?function stopTimeout(){
? ? ? clearTimeout(tt);?
? ? }?
??
?</script>?
</body>
</html>
2020-08-18
自己解決了
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title>??
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<body>
? <!--先編寫好網頁布局-->
? <h2>操作成功</h2>
? <span id="count">10</span>秒后回到主頁<a href="javascript" onclick="goBack()">返回</a>
? <input type="button" value="stop" onclick="stopCount()">
? <input type="button" value="start" onclick="startCount()">
? <script type="text/javascript">??
? ?//獲取顯示秒數的元素，通過定時器來更改秒數。
? ?var num = 10;
? ?var tt;
? ?function startCount() {
? ? document.getElementById('count').innerHTML=num;
? ? num=num-1;
? ? tt=setTimeout("startCount()",1000) ;
? ? if(num==0){
? ? ? ? clearTimeout(tt);
? ? ? ? window.location.replace("http://www.xianlaiwan.cn/");
? ? }
? }
? startCount();
? ?//通過window的location和history對象來控制網頁的跳轉。
? ? ?function goBack(){?
? ? ?window.history.go(-1);
? ? }
? ? ?function stopCount(){
? ? ? clearTimeout(tt);?
? ? }?
??
?</script>?
</body>
</html>