一像素成就大气之美
2018-05-23 16:09
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>8-17编程练习</title> </head> <body> <!--先编写好网页布局--> <div id="hint"> <h2>操作成功</h2> <span><b id="second"></b>前往慕课网<a href="javascript:void(0)" onclick="window.history.back()">返回</a></span> </div> <button id="skbut" onclick="skip()">前往慕课网</button> <script language="javascript" type="text/javascript"> var hint = document.getElementById("hint"); hint.style.display = "none"; var skbut = document.getElementById("skbut"); skbut.style.display = "block"; skbut.style.cursor = "pointer"; var second = 5; function sum(){ second--; document.getElementById("second").innerHTML = second; if(second > 0){ setTimeout(sum,1000); }else{ clearTimeout; } }; function window_(){ window.open('https://www.imooc.com/','_self'); } function skip(){ if(hint.style.display == "none"){ hint.style.display = "block"; skbut.style.display = "none"; }; document.getElementById("second").innerHTML = second; setTimeout(sum,1000); setTimeout(window_,5000); }; </script> </body> </html>
44行优化一下改为 setTimeout(window_,second*1000);
emmmm,想法不错,操作体验感觉挺棒的.特别是加了一个前往按钮
有点难
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题