1. 程式人生 > >JavaScript新建視窗定時關閉視窗小案例

JavaScript新建視窗定時關閉視窗小案例

在這裡插入圖片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>window物件</title>
		<script type="text/javascript">
			var timer;
			var n=5;
			var handler;
			function openWindow(){
				handler=window.open("","new_window","width=300,height=250");
				timer==setInterval(print,1000);//
			}
			function print(){
				handler.document.body.innerHTML="離視窗關閉還有"+n+"秒鐘";
				n--;
				if(n<0){
					//取消定時器
					clearInterval(timer);
					//關閉子視窗
					n=5;
					handler.close();
				}
			}
		</script>
	</head>
	<body>
		<input type="button" value="開啟一個新視窗" onclick="openWindow();" />
	</body>
</html>