马哥教育作业第一周作业

网络安全C10-2024.8.10

作业：

使用html写一个网页，要求满足以下条件：

（1）网页标题：网络安全C10期课程

（2）网页背景颜色：蓝色

（3）网页中含有一个超链接，点击即可跳转至百度

（4）如果在网页中不做任何操作，5秒后跳转至马哥教育官网

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>网络安全C10期课程</title>
    <style>
      body{
        background-color: blue;
      }
    </style>
    <script></script>
  </head>
  <body>
    <h1>网络安全C10期课程</h1>

    <a href="https://www.baidu.com">超链接，点击即可跳转至百度</a>

    <p>5 秒后将自动跳转至马哥教育官网(除非有用户操作)</p>

    <script>
      // 定义一个变量
      let i;

      // 启动计时器
      function startTime() {
        i= setTimeout(
          function(){
            window.location.href="https://edu.magedu.com/";
          },5000);
      }

      // 清除计时器
      function clearTime() {
        clearTimeout(i);
      }

      // 监听点击，键盘，滚动操作
      document.addEventListener('click', clearTime);
      document.addEventListener('keydown', clearTime);
      document.addEventListener('scroll', clearTime);

      // 页面加载时启动计时器
      window.onload = startTime;
    </script>
  </body>
</html>
posted @ 2024-08-13 11:19  mikumanor  阅读(19)  评论(0)    收藏  举报