如何實現在指定的時間後關閉視窗

admin發表於2017-03-10

本章介紹一下如何讓一個網頁在指定時間之後關閉，下面是程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<title>如何實現在指定的時間後關閉視窗</title>
<style type ="text/css" >
.main{ 
  background-color:Silver;
  width:200px;
  height:100px; 
  margin-left:40%; 
  margin-top:200px; 
  text-align:center;
}
</style>
<script type="text/javascript">
var n =10;
function showTime() {
  var divMain=document.getElementById("divMain");
  n--;
  divMain.innerHTML=n + ' 秒後關閉視窗';
  if (n == 0){
    window.close();
  }else{
    setTimeout('showTime()', 1000);
  }
}
window.onload=function(){
  showTime();
}
</script>
</head>
<body>
<div id="divMain" clas ="main" ></div>
</body>
</html>

相關文章