js花式蹦迪现场

最新推荐文章于 2022-07-18 18:03:12 发布

wiw56

最新推荐文章于 2022-07-18 18:03:12 发布

阅读量553

点赞数 2

分类专栏： function声明函数文章标签： javascript css html5 js

本文链接：https://blog.csdn.net/wiw56/article/details/111087857

版权

本文介绍了如何使用JavaScript创建一个有趣的网页效果。a.html展示时间倒计时，点击确定后开始倒计时，到达零时跳转到b.html。b.html页面背景颜色每60毫秒随机变换，模拟蹦迪现场的氛围。通过结合HTML、CSS和JavaScript，实现了动态的交互体验。

摘要由CSDN通过智能技术生成

创建俩个HTML文件

a.html 为时间倒计时页面；

代码中都有注释，不懂得Call我，为您解疑惑！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            font-size: 36px;
            text-align: center;
        }
        body{
            background-color: #7bf5ff;
        }
        /*设置盒子的属性*/
        #div2{
            width: 600px;
            height: 600px;
            border: 6px solid #ff1aba;
            background-color: #ff0000;
            font-size: 150px;
            color: white;
            text-align: center;
            margin:80px auto;
            box-sizing: border-box;
        }
    </style>
</head>

<body id="body" >
<p id="p">她爱谁？谁又爱着她呢!</p>
<div id="div1">
    <div id="div2"&