Dragon

【源码下载】网页版倒计时 html 源码

2022-10-09 14:35 20 抢沙发 深云太熹中文网

这是一套完整的 html 网页版简约倒计时源码,其中包括 html、css、js、背景图片文件。可以通过调整 js 文件中代码实现目标节假日的倒计时。

效果图

网页版倒计时

源码分享

html 源码

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>节日倒计时</title>
        <link rel="stylesheet" href="style.css" />
        <script src="script.js" defer></script>
    </head>
    <body>
        
        <div class="container"></div>
            <h1>距离元旦还有</h1>

            <div class="countdown-container">
                <div class="countdown-el days-c">
                    <p class="big-text" id="days">0</p>
                    <span>天</span>
                </div>
                <div class="countdown-el hours-c">
                    <p class="big-text" id="hours">0</p>
                    <span>时</span>
                </div>
                <div class="countdown-el mins-c">
                    <p class="big-text" id="mins">0</p>
                    <span>分</span>
                </div>
                <div class="countdown-el seconds-c">
                    <p class="big-text" id="seconds">0</p>
                    <span>秒</span>
                </div>
            </div>
    </body>
</html>

完整源码下载

下载文件中包含 html、css、js 完整代码。

「点点赞赏,手留余香」

还没有人赞赏,快来当第一个赞赏的人吧!

弥雅给弥雅打赏
×
予人玫瑰,手有余香
  • 2
  • 5
  • 15
  • 20
  • 25
5
支付

本文来自投稿,不代表深云太熹中文网立场,版权归原作者所有,欢迎分享本文,转载请保留出处!

2022-10-09

2022-10-10

发表评论

表情 格式 链接 私密 签到

扫一扫二维码分享