现在的时间距离本月月底的倒计时
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>现在的时间距离本月月底的倒计时</title>
</head>
<body>
<div class="index-time">
<div class="index-time-son">
<div class="time-son-m" id="timer">
<span class="time-hei time-hei1">00</span> 天
<span class="time-hei time-hei2">00</span> 小时
<span class="time-hei time-hei3">00</span> 分
<span class="time-hei time-hei4">00</span> 秒
</div>
</div>
</div>
<script>
function getDays() {
//1 . 获取本月的天数
var date = new Date();
var year = date.getFullYear();
var mouth = date.getMonth() + 1;
var days;
if (mouth == 2) {
days = year % 4 == 0 ? 29 : 28;
} else if (mouth == 1 || mouth == 3 || mouth == 5 || mouth == 7 || mouth == 8 || mouth == 10 || mouth == 12) {
days = 31;
} else {
days = 30;
}
// 2.本月的天数 - 用本月已经过去的时间 (天数 小时 分钟 秒数)
var myDate = new Date().getDate();
var hours = new Date().getHours();
var min = new Date().getMinutes();
var second = new Date().getSeconds();
var Milliseconds = new Date().getMilliseconds();
var differenceday = days - myDate - 1; //天数相减
differenceday = differenceday > 9 ? differenceday : "0" + differenceday;
var differencehours = 1 * 23 - hours; //小时相减
differencehours = differencehours > 9 ? differencehours : "0" + differencehours;
var differencemin = 1 * 59 - min; //分钟相减
differencemin = differencemin > 9 ? differencemin : "0" + differencemin;
var differencesecond = 1 * 59 - second; //秒数相减
differencesecond = differencesecond > 9 ? differencesecond : "0" + differencesecond;
//渲染到页面上
var timer = document.getElementById('timer');
var span = timer.getElementsByTagName('span');
span[0].innerHTML = differenceday;
span[1].innerHTML = differencehours;
span[2].innerHTML = differencemin;
span[3].innerHTML = differencesecond;
};
//倒计时
var timer = window.setInterval(function() {
getDays();
}, 1000);
</script>
</body>
</html>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 我与微信审核的“相爱相杀”看个人小程序副业
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求