html css js写一个元旦倒计时代码动态页面

共4个文件

png：1个

html：1个

js：1个

html

需积分: 5 0 下载量 97 浏览量 2022-12-14 00:08:14 上传评论收藏 2.64MB RAR 举报

温馨提示

2022快要过去，元旦即将到来。使用基础的HTML CSS Javascript 完成一个页面，实现一个元旦倒计时的功能，主要的布局采用了flex弹性布局，图片背景可以根据自己的喜好自适应改变，引入了谷歌适应的个性化字体，配色也可以根据个人喜好来调整rgb配置，除了页面的布局与美观以外比较重点的就是用到了dom编程取出html的元素搭配js的计时器，来实现一个基本的倒计时功能，并且格式化时间保留两位有效数字，整体的逻辑并不复杂。最后提前祝大家元旦快乐，心想事成，工作顺利！！

资源推荐

资源详情

资源评论

收起资源包目录

元旦倒计时.rar （4个子文件）

元旦倒计时

images

2.png 2.64MB

index.html 956B

style.js 1011B

style.css 874B

共 4 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="theme-color" content="#0000" /> <title>元旦倒计时</title> <link rel="stylesheet" href="style.css" /> <script src="style.js" defer></script> </head> <body> <h1>2023新年倒计时</h1> <div class="countdown-container"> <div class="countdel days-c"> <p class="big-text" id="days">0</p> <span>天</span> </div> <div class="countdel hours-c"> <p class="big-text" id="hours">0</p> <span>时</span> </div> <div class="countdel minutes-c"> <p class="big-text" id="minutes">0</p> <span>分</span> </div> <div class="countdel seconds-c"> <p class="big-text" id="seconds">0</p> <span>秒</span> </div> </div> </body> </html>

评论收藏

内容反馈