Window对象close()、setInterval()、setTimeout()等用法

close()

关闭窗口对象

关闭自己

<button οnclick="closeWin()">关闭</button>
		<script type="text/javascript">
			function closeWin(){
				window.close();
			}
		</script>

关闭打开的窗口

<button οnclick="showPage()">打开新窗口</button><br/>
		<button οnclick="closeWin()">关闭新窗口</button>
		<script>
			var win = null;
			function showPage(){
				win = window.open("new_page.html","newPage","width=500,height=500,top=200,left=400");
			}
			function closeWin(){
				win.close();
			}
		</script>

setInterval()

在指定的时间间隔重复调用指定的函数

语法

setInterval(函数的引用,时间间隔);

示例

var i = 0;
			function fun(){
				document.close();
				document.open();
				document.write(i++);
			}
			setInterval(fun,1000);

clearInterval()

停止setInterval的执行

<button οnclick="clear1()">停止</button>
		<script>
			
			var i = 0;
			function fun(){
				
				console.log(i++);
			}
			var interval = setInterval(fun,100);//使用变量接收计时器的句柄（对象的引用）
			function clear1(){
				clearInterval(interval);//通过计时器的句柄停止计时器的执行
			}

setTimeout();

在指定时间之后执行一次指定的函数

示例

3秒后执行函数
var i = 0;
			function fun(){
				//document.close();
				//document.open();
				console.log(i++);
			}
			//var interval = setInterval(fun,100);
			var out = setTimeout(fun,300);
3秒后开始执行，每隔3秒再执行，在函数中再调用一次setTimeout
var i = 0;
			function fun(){
				//document.close();
				//document.open();
				console.log(i++);
				out = setTimeout(fun,300);
			}
			//var interval = setInterval(fun,100);
			var out = setTimeout(fun,300);

clearTimeout

停止setTimeout
<button οnclick="clear1()">停止</button>
		<script>
			var i = 0;
			function fun(){
				console.log(i++);
				out = setTimeout(fun,300);
			}
			var out = setTimeout(fun,300);
			function clear1(){
				clearTimeout(out);
			}
			
		</script>