效果展示：

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>倒计时</title><style>* {margin: 0;padding: 0;}html, body {height: 100%}body {background-image: url("newyear.jpg");background-size: 100% 100%;background-position: center center;font-size: 28px;font-family: "宋体";overflow-y: hidden;overflow-y: hidden;}.main {width: 100%;height: 100%;/*margin: 10% auto;*//*border: 1px solid red;*/}.title {/*background: #20a53a;*/color: greenyellow;font-size: 40px;height: 50px;line-height: 50px;/*padding-left: 20px;*/text-align: center;}.content {/*background-color: #f3f7f9;*/height: calc(100% - 50px);border: 1px dashed #c6d9b6;text-align: center;}#time {display: block;margin-top: 100px;/*line-height: 900px;*/font-size: 60px;/*font-size: 100%;*/vertical-align: middle;color: yellow;}</style>
</head><body>
<div class="main"><div class="title">2023</div><div class="content"><p id="time">祝大家新年快乐呀！</p></div>
</div>
</body>
<script>window.onload = function () {let oTime = document.querySelector('#time')let Timer = setInterval(function () {let date = new Date()date.getDay()date.getMonth()date.getFullYear()console.log(date.getFullYear() == 2023)if (date.getFullYear() == 2023) {oTime.innerHTML = `2023,新年快乐！`clearInterval(Timer)//由 setInterval()返回的ID值可用作clearInterval()方法的参数。}oTime.innerHTML = ` 距 2023 年还有<br><br>${11 - date.getMonth()}月${getMonthDays(date.getFullYear(), date.getMonth()) - date.getDate()}天${23 - date.getHours()}时${59 - date.getMinutes()}分${60 - date.getSeconds()}秒`;}, 999)//获取某年某月天数function getMonthDays(year, month) {let date = new Date(year, month, 0)return date.getDate();}}
</script>
</html>

在下提前祝大家 2023 新年快乐！

2022年了，提前祝大家2023年快乐——2023年倒计时相关推荐

工作辛苦了,提前祝大家五一劳动节快乐！！
小时侯把English 读为"应给利息"的同学当了行长: 读为"阴沟里洗"的成了小菜贩子: 读为"因果联系"的成了哲学家: 读为" ...
提前祝大家十一中秋节快乐
一.一大早被闹钟吵醒,说明还活着: 二.不得不从被窝里爬起来上班,说明没有失业: 三.收到一些短信,或吃饭聚聚,说明还有朋友想咱: 四.听别人的话有时刺耳,说明还有人注意你: 五.衣服越来越紧,说明吃 ...
2022校招百度提前批校园招聘
2022校招百度提前批校园招聘文章目录 2022校招百度提前批校园招聘起止日期:2022年07月05日-2022年08月27日起止日期:2022年07月05日-2022年08月27日百度202 ...
多益网络2022届校招提前批全面启动【免筛推荐码QEAQU】
多益网络2022届校招提前批全面启动![免筛推荐码QEAQU] 互联网百强企业:中国十大游戏研发商和运营商之一 [提前批优势]直通笔试!不影响正式批次,多一次投递机会 [岗位]策划类.程序类.美术类. ...
零基础Unity做一个中秋诗词鉴赏网页，提前祝您中秋快乐！（DoTween动画 | WebGL视频 | 大文件上传GitHub）
零基础Unity做一个中秋诗词鉴赏网页,提前祝您中秋快乐! 前言一,环境搭建 1.1 安装Unity 1.2 添加WebGl模块二,开发项目 2.1 导入插件 2.2 项目搭建 2.3 逻辑处理 ...
中高级Java面试题解析，剑指BATJ，提前祝大家程序员节快乐
本文转载自:中高级Java面试题解析,剑指BATJ,提前祝大家程序员节快乐为什么大多数程序员相进BAT工作? 在中国互联网技术发展过程中,BAT带给我们程序员太多的回忆,20年发展过程中,他们各自形 ...
字节跳动2022校招研发提前批宣讲会，同学们最关心的10个问题
字节跳动 2022 校招研发提前批 7 场宣讲会,已经全部结束啦,不知道你是否已经充分了解了字节跳动,选好了想去的岗位和团队呢? 如果你真的真的真的没有时间,错过了宣讲会的话,不要担心,我们整理了宣讲 ...
祝我亲爱的朋友仲秋快乐
想想对我的朋友说:我们期待的明天不一定会美好, 但是美好的明天一定会到来,于是一切都靠自己,一切都会好起来.... 同样的祝福加同样不变的我每年的这个时候,总想对你说: 无论你在哪里都不 ...
祝大家六一儿童节快乐！
收到MM的短信: 提前祝我们这些表面风光,内心彷徨:容颜未老,心已沧桑:似乎有才,实为江郎:成就难有,郁闷经常:比骡子累,比蚂蚁忙,比岳飞更忠良的青年,六一快乐! 在这里也祝各位来访者保持童心,节日快 ...

2022年了，提前祝大家2023年快乐——2023年倒计时

在下提前祝大家 2023 新年快乐！

2022年了，提前祝大家2023年快乐——2023年倒计时相关推荐

最新文章

热门文章