<!--- 界面效果做到了 但函數還是在執行中---> <HTML> <HEAD> <script language="javascript"> var secs = 20; //倒計時的秒數 var URL ="http://mzsts.host3v.com" ; function Load(){ for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { if(secs>0) {document.getElementById('ShowDiv').innerHTML = '將在'+num+'秒后自動跳轉到主頁' ; if(num == 0) { window.location =URL; } } } function timefun(){ secs =-1; } </script> </HEAD> <body onload="Load()" > <canvas id="myCanvas" width="50px" height="50px" > </canvas> <canvas id="myCanvas2" width="180px" height="50px" > </canvas> <script type="text/javascript"> <!-- 1 --> var canvas = document.getElementById("myCanvas"); if(canvas.getContext){ var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.strokeStyle = "blue"; var circle = { x : 10, y : 40, r : 10 }; ctx.arc(circle.x, circle.y, circle.r, -Math.PI*3/ 4, Math.PI / 2, false); ctx.stroke(); } <!-- 2 --> var canvas = document.getElementById("myCanvas"); if(canvas.getContext){ var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.strokeStyle = "blue"; var circle = { x : 25, y : 26, r : 10 };ctx.arc(circle.x, circle.y, circle.r, -Math.PI/2, Math.PI/4, true); ctx.stroke(); } <!-- 3--> var canvas = document.getElementById("myCanvas"); if(canvas.getContext){ var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.strokeStyle = "red"; var circle = { x : 30, y : 35, r : 10 }; ctx.arc(circle.x, circle.y, circle.r, -Math.PI*3/ 4, Math.PI / 2, false); ctx.stroke(); } <!-- 4 --> var canvas = document.getElementById("myCanvas"); if(canvas.getContext){ var ctx = canvas.getContext("2d"); ctx.beginPath(); ctx.strokeStyle = "red"; var circle = { x :45, y : 23, r : 10 };ctx.arc(circle.x, circle.y, circle.r, -Math.PI/2, Math.PI/4, true); ctx.stroke(); } var canvas = document.getElementById("myCanvas2"); if(canvas.getContext){ var ctx = canvas.getContext("2d"); ctx.font = "10px Courier New"; ctx.fillStyle = "blue"; ctx.fillText("文洲 的個人主頁,彼岸", 10, 20); ctx.fillText("http://mzsts.host3v.com", 10, 40); } </script> <div id="ShowDiv"> </div> </br> <button onclick="timefun()">點擊延時</button> <button onclick="window.open('http://mzsts.host3v.com')">直接跳轉</button> </br> </br> <textarea rows="5" cols="40"> <body onload="Load('http://mzsts.host3v.com')"> <body onload="Load('http:www.baidu.com')"> </textarea> </body> </HTML>
另外有需要云服務器可以了解下創新互聯scvps.cn,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
當前標題:小代碼html自己網頁倒計時跳轉-創新互聯
文章URL:http://vcdvsql.cn/article36/ddgspg.html
成都網站建設公司_創新互聯,為您提供App設計、微信公眾號、外貿網站建設、自適應網站、用戶體驗、App開發
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯