小代码 html 自己网页倒计时跳转
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小代码 html 自己网页倒计时跳转相关的知识,希望对你有一定的参考价值。
<!--- 界面效果做到了 但函数还是在执行中---> <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()" style="text-align:center;"> <canvas id="myCanvas" width="50px" height="50px" style="border: 1px solid red;"> </canvas> <canvas id="myCanvas2" width="180px" height="50px" style="border: 1px solid red;"> </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>
以上是关于小代码 html 自己网页倒计时跳转的主要内容,如果未能解决你的问题,请参考以下文章