模仿秒杀倒计时功能

最新推荐文章于 2024-02-23 20:33:50 发布

weixin_49596018

最新推荐文章于 2024-02-23 20:33:50 发布

阅读量112

点赞数

本文链接：https://blog.csdn.net/weixin_49596018/article/details/109424930

版权

一、效果
在这里插入图片描述
二、HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>秒杀倒计时</title>
</head>

<body>
    <!-- 预设框架结构 -->
   <!-- <section>
       <div></div>
       <div></div>
       <div>
           <span>20</span>
           <span>：00场 场倒计时</span>
       </div>
       <div>
           <span>01</span>
           <span>：</span>
           <span>33</span>
           <span>：</span>
           <span>50</span>
       </div>
   </section> -->
   
   <script src="./index.js"></script>
</body>
</html>

三、JS代码块

let secEle = document.createElement("section");
secEle.style.width = "300px";
secEle.style.height = "400px";
secEle.style.backgroundColor = "red";
let bodyEle = document.getElementsByTagName("body"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_49596018

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模仿秒杀倒计时功能

一、效果二、HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>秒杀倒计时</title></head><body>
复制链接

扫一扫