这是一套完整的 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
本文来自弥雅投稿,不代表深云太熹中文网立场,版权归原作者所有,欢迎分享本文,转载请保留出处!
内容反馈