当前位置：首页 > news >正文

2025跨年倒计时

news 2025/12/21 16:48:59

<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>2025年跨年倒计时</title><style>/* 页面整体样式 */body {font-family: 'Arial', sans-serif;background: linear-gradient(45deg, #f39c12, #e74c3c, #8e44ad, #3498db);background-size: 400% 400%;animation: gradientAnimation 15s ease infinite;margin: 0;height: 100vh;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;text-align: center;overflow: hidden;}/* 动画背景渐变 */@keyframes gradientAnimation {0% { background-position: 0% 50%; }50% { background-position: 100% 50%; }100% { background-position: 0% 50%; }}/* 页面标题样式 */.title {font-size: 2.5em;font-weight: bold;margin-bottom: 20px;text-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.7);}/* 主倒计时样式 */.countdown {font-size: 4em;font-weight: bold;text-shadow: 0 0 15px rgba(255, 255, 255, 0.7), 0 0 30px rgba(255, 255, 255, 0.7);margin-bottom: 20px;letter-spacing: 3px;}/* 新年祝福样式 */.message {font-size: 2.5em;font-weight: bold;letter-spacing: 2px;margin-top: 20px;}/* 新年闪烁效果 */.happy-new-year {font-size: 5em;color: #ff6347;animation: sparkle 1.5s infinite alternate;text-shadow: 0 0 10px #ff6347, 0 0 30px #ff6347, 0 0 60px #ff6347;}/* 闪烁动画 */@keyframes sparkle {0% { color: #ff6347; text-shadow: 0 0 10px #ff6347, 0 0 30px #ff6347, 0 0 60px #ff6347; }100% { color: #fff; text-shadow: 0 0 10px #fff, 0 0 30px #fff, 0 0 60px #fff; }}/* 全屏按钮样式 */.btn-fullscreen {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);color: white;font-size: 2em;font-weight: bold;border: none;cursor: pointer;display: flex;justify-content: center;align-items: center;transition: background 0.3s ease;}.btn-fullscreen:hover {background: rgba(0, 0, 0, 0.8);}</style>
</head>
<body><!-- 全屏按钮 --><button class="btn-fullscreen" id="fullscreenButton">点击全屏观看倒计时</button><!-- 标题 --><div class="title">2025年跨年倒计时</div><div><!-- 倒计时显示 --><div class="countdown" id="countdown"></div><!-- 新年祝福 --><div class="message" id="message"></div><!-- 新年闪烁祝福 --><div class="happy-new-year" id="happyNewYear">🎉🎆🎇</div></div><script>// 目标时间：2025年1月1日 00:00:00const targetDate = new Date('2025-01-01T00:00:00').getTime();// 更新倒计时function updateCountdown() {const now = new Date().getTime();const distance = targetDate - now;// 计算剩余的天、时、分、秒const days = Math.floor(distance / (1000 * 60 * 60 * 24));const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));const seconds = Math.floor((distance % (1000 * 60)) / 1000);// 显示倒计时document.getElementById('countdown').innerHTML = `${days} 天 ${hours} 小时 ${minutes} 分 ${seconds} 秒`;// 当倒计时结束if (distance < 0) {document.getElementById('countdown').innerHTML = "新年快乐！";document.getElementById('message').innerHTML = "2025年到啦！";document.getElementById('happyNewYear').innerHTML = "🎉🎆🎇";}}// 每秒更新一次倒计时setInterval(updateCountdown, 1000);// 全屏按钮功能const fullscreenButton = document.getElementById('fullscreenButton');fullscreenButton.addEventListener('click', () => {// 切换全屏模式if (document.documentElement.requestFullscreen) {document.documentElement.requestFullscreen();} else if (document.documentElement.mozRequestFullScreen) { // Firefoxdocument.documentElement.mozRequestFullScreen();} else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari, Operadocument.documentElement.webkitRequestFullscreen();} else if (document.documentElement.msRequestFullscreen) { // IE/Edgedocument.documentElement.msRequestFullscreen();}// 隐藏全屏按钮fullscreenButton.style.display = 'none';});</script></body>
</html>

请添加图片描述

2025跨年倒计时

<!DOCTYPE html> <html lang"zh"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>2025年跨年倒计时</title><style>/* 页…...

编程日记 2025/1/3 12:40:07

下载mysql免安装版和配置

1、下载地址点击去官网下载https://downloads.mysql.com/archives/community/ 2、解压安装mysql 解压的文件夹是没有my.ini文件和data目录，需要我们自己去创建根目录下创建my.ini，根目录创建data [mysql] default-character-setutf8[mysqld] #端口 po…...

编程日记 2025/1/3 12:39:04

代码模板-C语言常用的errno的名字、值以及对应关系？转换字符串函数？（errno.h, strerror； errno -l； man errno）

背景 errno.h是C 编程语言标准库中的头文件。它定义了使用符号errno （“错误号”的缩写）报告和检索错误情况的宏。经常需要用来在内核态用户态返回错误寻找，本文以供快速检索。常用函数与用法 strerror 根据errno获取文件比如&#xff…...

编程日记 2025/1/3 12:38:01

全新免押租赁系统助力商品流通高效安全

内容概要全新免押租赁系统的推出，可以说是一场商品流通领域的小革命。想象一下，不再为押金烦恼，用户只需通过一个简单的信用评估，就能快速租到所需商品，这种体验简直令人惊喜！这个系统利用代扣支付技术&a…...

编程日记 2025/1/3 12:36:59

5.微服务灰度发布落地实践(rocketmq增强)

文章目录前言发送端灰度增强订阅端灰度增强前言上一篇分析了，在灰度发布实现中为什么要对消息队列灰度发布进行增强。本篇主要介绍如何实现rocketmq 灰度发布的增强. 发送端灰度增强订阅端灰度增强...

编程日记 2025/1/3 12:30:52

MySql核心面试面试问题解析

MySql核心面试面试问题解析有时候往往简单的才是最容易失分的！！！ MySQL支持哪些存储引擎？有何区别？ 答案：常见的存储引擎有InnoDB、MyISAM、Memory等。InnoDB支持事务，MyISAM不支持事务&#x…...

编程日记 2025/1/3 12:25:47

logback之自定义pattern使用的转换器

目录 （1）场景介绍 （2）定义转换器BizCallerConverter （3）logback配置conversionRule （4）测试效果前文《logback之pattern详解以及源码分析》已经介绍了pattern，以及…...

编程日记 2025/1/3 12:22:44

【MySQL】发展起源与核心架构组件详细介绍

🐇明明跟你说过：个人主页 🏅个人专栏：《MySQL技术精粹》🏅 🔖行路有良友，便是天堂🔖 目录一、引言 1、MySQL起源背景 2、MySQL发展里程 3、MySQL应用场景二、MySQL的核心特…...

编程日记 2025/1/3 12:21:43

uni-app 多平台分享实现指南

uni-app 多平台分享实现指南在移动应用开发中，分享功能是一个非常常见的需求，尤其是在社交媒体、营销活动等场景中。使用 uni-app 进行多平台开发时，可以通过一套代码实现跨平台的分享功能，涵盖微信小程序、H5、App 等多个平台。…...

编程日记 2025/1/3 12:20:42

Spring中的IOC是什么，优缺点有哪些？

目录 IOC的核心概念 IOC的优点 IOC的缺点使用场景说明总结 IOC（控制反转）是一种设计思想，用于实现低耦合、高内聚的软件架构。它通过将对象的创建和依赖管理交给外部容器来实现，从而减少对象之间的直接依赖关系。 IOC的核…...

编程日记 2025/1/3 12:19:41

Qt实现使用TCP与RS485串口设备通信————附带详细实践方法

文章目录 0 背景1 协议介绍1.1 modbusRTU协议1.1.1 简介1.1.2 RS485和modbusRTU的关系1.1.3 modbusRTU 协议格式1.1.3.1 0x10写多个保持寄存器1.1.3.2 0x02读多个离散输入寄存器1.1.3.3 0x03读多个保持寄存器1.1.3.4 0x04读多个输入寄存器 1.2 ModbusTCP协议1.2.1 ModbusTCP协议…...

编程日记 2025/1/3 12:18:40

js将object整个实体对象作为参数传递

①将object实体转化成json字符串传递： JSON.stringify(obj) ②将json字符串转化成JSON对象值：JSON.parse(json) 实际应用： <div id"div_notice" stylefont-size:14px; width:100%; height:200px; overflow-y:auto;></di…...

编程日记 2025/1/3 12:17:39

超越局部损失函数的预测-优化方法

1 文章信息文章名为Leaving the Nest : Going Beyond Local Loss Functions for Predict-Then-Optimize。发表在第38届AAAI Conference on Artificial Intelligence. 作者来自哈佛大学。 2 摘要预测-优化是一种利用机器学习在不确定性下进行决策的方法框架。其核心研究问…...

编程日记 2025/1/3 12:16:37

PDF预览插件

PDF预览插件可用于当前页面弹窗形式查看，可增加一些自定义功能 pdf预览插件代码块： pdfobject.js <div class="pdfwrap"><div class="item"><h3>笑场</h3><div class="tags"><p>李诞</p><i&…...

编程日记 2025/1/3 12:15:36

node.js之---CommonJS 模块

CommonJS概念在 Node.js 中，CommonJS 是一种模块化规范，它定义了如何在 JavaScript 中创建和使用模块。CommonJS 是 Node.js 使用的默认模块系统。它让开发者能够分离代码，便于重用和维护。 CommonJS 模块的基本特性模块导出在 CommonJ…...

编程日记 2025/1/3 12:14:33

关于AI面试系统2025年趋势评估！

在快速发展的科技浪潮中，AI技术正以前所未有的速度渗透到各行各业。企业招聘领域，作为人才选拔的关键环节，也不例外地迎来了AI面试系统的广泛应用和持续创新。2025年，AI面试系统不仅成为企业招聘的主流工具，更在智能化…...

编程日记 2025/1/3 12:12:27

SQL—替换字符串—replace函数用法详解

SQL—替换字符串—replace函数用法详解 REPLACE() 函数——查找一个字符串中的指定子串，并将其替换为另一个子串。 REPLACE(str, old_substring, new_substring)str：要进行替换操作的原始字符串。old_substring：要被替换的子串。new_substri…...

编程日记 2025/1/3 12:08:10

《Vue3实战教程》40：Vue3安全

如果您有疑问，请观看视频教程《Vue3实战教程》安全报告漏洞当一个漏洞被上报时，它会立刻成为我们最关心的问题，会有全职的贡献者暂时搁置其他所有任务来解决这个问题。如需报告漏洞，请发送电子邮件至 securityvuejs.org。…...

编程日记 2025/1/3 12:05:03

软件项目验收测试需进行哪些测试?软件检测机构分享验收测试作用

在信息技术高速发展的今天，软件项目的验收测试作为软件开发生命周期中至关重要的一环，扮演着不可或缺的角色。软件项目验收测试是在软件开发完成后，依据需求文档和设计规范，对软件系统进行的一项综合性测试。其主要目的是验证开发…...

编程日记 2025/1/3 12:00:58

css实现文字描边

效果学习啦 -webkit-text-stroke-width： 设置文本描边的宽度，值可以是任何长度单位（如 px, em, rem 等） -webkit-text-stroke-color：设置文本描边的颜色，值可以是任何颜色值（如 red, green, bl…...

编程日记 2025/1/3 11:58:55

AI-调查研究-01-正念冥想有用吗？对健康的影响及科学指南

点一下关注吧！！！非常感谢！！持续更新！！！ 🚀 AI篇持续更新中！（长期更新） 目前2025年06月05日更新到： AI炼丹日志-28 - Aud…...

编程新知 2025/12/20 21:44:09

云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？

大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...

编程新知 2025/12/14 22:32:59

基于服务器使用 apt 安装、配置 Nginx

🧾 一、查看可安装的 Nginx 版本首先，你可以运行以下命令查看可用版本： apt-cache madison nginx-core输出示例： nginx-core | 1.18.0-6ubuntu14.6 | http://archive.ubuntu.com/ubuntu focal-updates/main amd64 Packages ng…...

编程新知 2025/12/4 11:14:19

Linux简单的操作

ls ls 查看当前目录 ll 查看详细内容 ls -a 查看所有的内容 ls --help 查看方法文档 pwd pwd 查看当前路径 cd cd 转路径 cd .. 转上一级路径 cd 名转换路径 …...

编程新知 2025/11/30 23:54:19

EtherNet/IP转DeviceNet协议网关详解

一，设备主要功能疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络，本网关连接到EtherNet/IP总线中做为从站使用，连接到DeviceNet总线中做为从站使用。在自动…...

编程新知 2025/12/15 13:27:34

基于matlab策略迭代和值迭代法的动态规划

经典的基于策略迭代和值迭代法的动态规划matlab代码，实现机器人的最优运输 Dynamic-Programming-master/Environment.pdf , 104724 Dynamic-Programming-master/README.md , 506 Dynamic-Programming-master/generalizedPolicyIteration.m , 1970 Dynamic-Programm…...

编程新知 2025/12/7 23:28:25

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...

编程新知 2025/11/25 19:50:27

Chromium 136 编译指南 Windows篇：depot_tools 配置与源码获取（二）

引言工欲善其事，必先利其器。在完成了 Visual Studio 2022 和 Windows SDK 的安装后，我们即将接触到 Chromium 开发生态中最核心的工具——depot_tools。这个由 Google 精心打造的工具集，就像是连接开发者与 Chromium 庞大代码库的智能桥梁…...

编程新知 2025/12/21 13:26:35

论文阅读笔记——Muffin: Testing Deep Learning Libraries via Neural Architecture Fuzzing

Muffin 论文现有方法 CRADLE 和 LEMON，依赖模型推理阶段输出进行差分测试，但在训练阶段是不可行的，因为训练阶段直到最后才有固定输出，中间过程是不断变化的。API 库覆盖低，因为各个 API 都是在各种具体场景下使用。…...

编程新知 2025/12/21 2:56:32

comfyui 工作流中图生视频如何增加视频的长度到5秒

comfyUI 工作流怎么可以生成更长的视频。除了硬件显存要求之外还有别的方法吗？ 在ComfyUI中实现图生视频并延长到5秒，需要结合多个扩展和技巧。以下是完整解决方案： 核心工作流配置（24fps下5秒120帧） #mermaid-svg-yP…...

编程新知 2025/11/4 17:30:04

相关文章：