이 메소드는 setInterval() 메소드에 의해 설정된 타이머를 취소할 수 있습니다.
이 메소드의 매개변수는 취소하려는 해당 setInerval() 메소드의 반환 값이어야 합니다.
창 개체의 속성과 메서드를 더 보려면 클릭하세요.
문법 구조:
clearInterval(id)
매개변수 목록:
브라우저 지원:
(1) IE 브라우저는 이 속성을 지원합니다.
(2).Firefox 브라우저는 이 속성을 지원합니다.
(3) Opera 브라우저는 이 속성을 지원합니다.
(4) Chrome 브라우저는 이 속성을 지원합니다.
(5).Safria 브라우저는 이 방법을 지원합니다.
코드 예:
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="author" content="http://www.softwhy.com/" /> <title>window对象的clearInterval()方法 -蚂蚁部落</title> <style type="text/css"> #num{ width:100px; height:100px; text-align:center; line-height:100px; background-color:green; margin:50px auto 0px auto; color:red; } #btdiv{ width:76px; height:76px; margin:0px auto; } </style> <script type="text/javascript"> var a=0; window.onload=function(){ var num=document.getElementById("num"); var bt=document.getElementById("bt"); function jisuan(){ num.innerHTML=a; a=a+1; } var flag=setInterval(jisuan,1000); bt.onclick=function(){ clearInterval(flag); } } </script> </head> <body> <div id="num"></div> <div id="btdiv"><button id="bt">点击取消</button></div> </body> </html>
위 코드가 있는 버튼을 클릭하면 디지털 자동 증가 효과가 취소됩니다.