2023元旦倒计时代码

首次参加csdn的活动“提交一个元旦倒计时代码”，纪念一下。

使用了setInterval函数传递第三个参数，IE9以及以下版本不支持。

<!doctype html>
<html>
<head>
<script type="text/javascript">
var showCountDown = function(dateStr) {var toDate,nowDate,toTime,nowTime;var diff,ms,seconde,minute,hour,day;var str;toDate = new Date(dateStr);nowDate = new Date();toTime = toDate.getTime();nowTime = nowDate.getTime();diff = toTime - nowTime;if(diff > 0) {//console.log(diff);ms = Math.floor(diff % 1000);//console.log('ms: ' + ms);diff = diff / 1000;second = Math.floor(diff % 60 );diff = diff / 60;minute = Math.floor(diff % 60);diff = diff / 60;hour = Math.floor(diff % 24);diff = diff / 24;day = Math.floor(diff % 24);document.getElementById('day').innerHTML = day + "天";document.getElementById('hour').innerHTML = hour + "小时";document.getElementById('minute').innerHTML = minute + "分钟";document.getElementById('second').innerHTML = second + "秒";}else {alert('倒计时已结束！');}}function init() {showCountDown("2023-1-1 00:00:00");setInterval(showCountDown,1000,"2023-1-1 00:00:00");
}</script><style>body{text-align: center;}div {display:inline-block;}span{float: left;font-size: 50px;}label {float: left;width: 100px;height: 100px;background-color: #000;line-height: 100px;color: #fff;font-size: 30px;margin-right: 10px;text-decoration:none;}</style>
</head>
<body onload="init()"><h1 style="color:red;">元旦倒计时</h1><div><span><label id="day"></label><label id="hour"></label><label id="minute"></label><label id="second"></label></span></div></body>
</html>

2023元旦倒计时代码相关推荐

Java 2022圣诞树+2023元旦倒计时打包一起领走
2022最后一个月充满了期待,平安夜.圣诞节.元旦节:2023年也是一个早年,因此关于程序方面的浪漫,大家应该趁早准备.下面我将分享一个元旦的倒计时和圣诞树的绘制核心代码.大家可以依据自身的需求,稍微 ...
【javascript】元旦倒计时代码
元旦倒计时代码引言设计思路源码动画效果引言马上就是2023年元旦了,公司要求在网站上都需要加上新年的倒计时,今天就来做了吧设计思路
C++元旦倒计时代码系列合集
目录 1.简单倒计时代码 2.元旦倒计时绘制小科普: 1.简单倒计时代码这是一个简单的程序示例,它可以帮助您计算元旦节到当前时间的倒计时: #include <iostream> #i ...
【无标题】元旦倒计时代码
使用js 和css来自作的倒计时网页,快元旦啦,小伙伴们快使用起来吧! <!doctype html> <html> <head> <meta charset ...
【无标题】元旦倒计时代码- CSDN搜索 https://so.csdn.net/so/search?q=%E5%85%83%E6%97%A6%E5%80%92%E8%AE%A1%E6%97%B6%E
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一 ...
2023年元旦倒计时案例
文章目录基于HTML实现2023年倒计时代码实现基于HTML实现2023年倒计时代码实现 <!DOCTYPE html> <html> <head> < ...
javascript 元旦倒计时的代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
谁能拒绝浪漫的2023元旦跨年代码？
2023年元旦节就要来啦,最近出门逛街,发现街上的元旦氛围也越来越浓,大街小巷都放着喜庆的音乐,各种吃的玩的也加上了元旦元素~马上就要跨年了,每年这时候都是收集元旦限定的日子,谁不想被创意满满,元旦氛 ...
js倒计时代码（从现在距离明年元旦还剩多少时间）?
<div id="all"><div class="timetext"><div>2023年元旦倒计时</div> ...

2023元旦倒计时代码

2023元旦倒计时代码相关推荐

最新文章

热门文章