window的onload用法,JavaScript,setInterval,setTimeout,定時器
阿新 • • 發佈：2018-12-11
window.onload用法,JavaScript,setInterval,setTimeout,定時器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>window.onload用法,JavaScript,setInterval,setTimeout,定時器,雪豹軟體工作室</title> <!--meta標籤和title標籤有利於SEO優化，搜尋引擎抓取 --> <meta name="keywords" content="JavaScript,java,雪豹軟體工作室"> <meta name="description" content="雪豹軟體工作室主要分享java視訊教程及工作室也推出原創免費java視訊教程，當然啦，我們自己也開發軟體產品and彙集java軟體開發知識、IT開發資料，讓我們進可創業，退可求職謀生。我們認真嚴謹，也搞笑活潑，時而犯二，時而機智。天道酬勤！"> <!--利用meta標籤，3秒後重新整理跳轉 --> <!--<meta http-equiv="refresh" content="5; url=http://blog.csdn.net/czh500/article/details/53468208">--> <link rel="stylesheet" type="text/css" href="input.css"> <link rel="stylesheet" type="text/css" href="body.css"> <script type="text/javascript"> //設定整個網頁滑鼠是小手 function setHtmlCursor(){ //document.getElementsByTagName("html").item(0).style.cursor="pointer"; //document.getElementsByTagName("body").item(0).style.cursor="pointer";//測試網頁得出滑鼠有小手也有指標(測試時用的是谷歌瀏覽器，其他瀏覽器沒測試) document.getElementsByTagName("*").item(0).style.cursor="pointer"; } /* 關於window.onload的用法的話,有很多種用法,具體的可以上網查相關資料,百度搜索window.onload = 用法,也可 以參考http://www.jb51.net/article/43166.htm https://zhidao.baidu.com/question/171592929.html http://www.cnblogs.com/wzhiq896/p/5953974.html 因為時間關係，我在這裡就沒有寫window.onload的用法的筆記了,可以按照上面給出的網站查window.onload的用法 */ //window.onload用法 /* javascript程式碼一般最好放在</body>結束之前，以防止頁面元素沒有渲染完，JS訪問不到物件而報錯 ，比如下面的這句 話document.getElementById("myTime").value = 5;如果放在<head>標籤中,就會造成JS訪問不到物件而報錯，如 果你想把javascript程式碼放在<head>標籤中，又不想因為JS訪問不到物件而報錯的話，必須要用window.onload=function(){.....} 包含起來。 */ var myTimeout; //window.onload = nowTime; /*這是第一種寫法*/ /*window.onload = function(){ setInputValue(); nowTime(); } */ /*這是第二種寫法*/ window.onload = showNowTime; //這裡定義一個新的方法，該方法中呼叫其他2個方法 function showNowTime(){ //setHtmlCursor(); setInputValue(); nowTime(); } function nowTime(){ //alert("我是nowTime()方法"); //clearTimeout(myTimeout); var now = document.getElementById("myTime").value; //alert("now = " + now); //var newNow = document.getElementById("myTime").value; //alert("now = " + now); /* if(now == 1){ //clearTimeout(myTimeout); window.location.href = "http://blog.csdn.net/czh500/article/details/53468208"; //return; } else{ document.getElementById("myTime").value = (parseInt(now) - 1); myTimeout = setTimeout(nowTime, 1000); } */ if(now > 1){ //alert("看看"); document.getElementById("myTime").value = (parseInt(now) - 1); myTimeout = setTimeout(nowTime, 1000); } else{ window.location.href = "http://blog.csdn.net/czh500/article/details/53468208"; //window.location.href可以簡寫成location.href,即window可以省略不寫 } //setTimeout("nowTime()", 1000); } //設定文字框的值 function setInputValue(){ //alert("hello") //alert("文字框物件 = " + document.getElementById("myTime")); document.getElementById("myTime").value = 10; //alert("文字框中的值 = " + document.getElementById("myTime").value); //alert("world"); } //呼叫setInputValue();方法 //setInputValue(); </script> </head> <body> <br> <br> <br> <div align="center"> <h1>請您訪問新的網站 <a href="http://blog.csdn.net/czh500/article/details/53468208" title="java視訊教程-雪豹軟體工作室"> 雪豹軟體工作室 </a> </h1> <h1>系統將在<input id="myTime" value="5" readonly="readonly" size="2">秒後跳轉，如不支援跳轉，請點選<a href="http://blog.csdn.net/czh500/article/details/53468208">這裡</a>!</h1> </div> </body> </html>
