emmm评论区里容不下我的代码,放问题里面来给大家参考一下吧

来源:8-17 编程练习

一像素成就大气之美

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>


写回答 关注

3回答

  • 一像素成就大气之美
    2018-06-10 09:11:37

    44行优化一下改为 setTimeout(window_,second*1000);

  • 主宰灵魂
    2018-06-02 19:20:24

    emmmm,想法不错,操作体验感觉挺棒的.特别是加了一个前往按钮

  • qq_佳人一方_0
    2018-05-23 16:30:22

    有点难


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题