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

2025跨年倒计时

<!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>/* 页…...

淘宝京东电商商品SKU信息抓取API测试实战指南

在电商平台的商品管理中&#xff0c;SKU&#xff08;Stock Keeping Unit&#xff0c;库存单位&#xff09;信息扮演着至关重要的角色。它不仅关乎商品的库存管理&#xff0c;还直接影响到消费者的购买决策。为了高效地获取并验证电商平台&#xff08;如淘宝、京东&#xff09;上…...

SAP财务凭证的更改、冲销的方式

文章目录 一、财务凭证更改二、财务凭证冲销 【SAP系统研究】 #SAP #FICO #SAP财务 一、财务凭证更改 &#xff08;1&#xff09;已经过账的财务凭证 FB02&#xff1a;过完帐的允许更改的地方有限&#xff0c;只有凭证抬头文本、参照、分配、文本、原因代码等。 &#xff0…...

RepPoints: Point Set Representation for Object Detection

CornerNet论文阅读整理-CSDN博客 可变形卷积(Deformable Conv)原理解析与torch代码实现-CSDN博客 RepPoints(本质是可变形卷积DCN)再理解-CSDN博客 简介&#xff1a; 时间&#xff1a;2019 会议&#xff1a;ICCV 作者&#xff1a;Ze Yang&#xff0c;Shaohui Liu&#xff0c…...

高效使用AI完成编程项目任务的指南:从需求分析到功能实现

随着人工智能工具的普及&#xff0c;即便是零编程基础或基础薄弱的用户&#xff0c;也可以借助AI完成许多技术任务。然而&#xff0c;要高效地使用AI完成编程任务&#xff0c;关键在于如何清晰表达需求&#xff0c;并逐步引导AI实现目标。 在本文中&#xff0c;我们将通过开发…...

Linux命令——RPM与yum

文章目录 一、RPM包命令1.安装和升级包2.删除包3.查询包信息4.验证和检查5.其他操作 二、yum安装器1.安装包2.更新包3.卸载包4.查询和搜索5.清理缓存6.其他操作 一、RPM包命令 1.安装和升级包 命令解释rpm -ivh package.rpm安装一个 RPM 包&#xff0c;显示详细信息和进度条r…...

C++软件设计模式之责任链模式

责任链模式的动机与意图 动机&#xff1a; 在软件开发中&#xff0c;经常会遇到需要处理一系列请求或事件的情况。这些请求可能需要经过多个处理对象&#xff0c;每个对象根据其职责决定是否处理请求或将其传递给下一个对象。责任链模式&#xff08;Chain of Responsibility P…...

Spring Cloud Security集成JWT 快速入门Demo

一、介绍 JWT (JSON Web Token) 是一种带有绑实和信息的简单标准化机制&#xff0c;在信息通信中用于验证和信息传递。尤其在应用中使用Spring Cloud实现分布式构建时&#xff0c;JWT可以作为一种无状态验证原理的证明。 本文将进一步描述如何在Spring Cloud Security中集成JW…...

Python 爬虫

一、创建项目 1.双击打开pycharm&#xff0c;点击新建项目 2.项目设置- 勾选[继承全局站点软件包]- 勾选[可用于所有项目]- 取消勾选[创建main.py欢迎脚本]- 点击创建 3.项目名称右键--新建--python文件 4.输入文件名--回车二、编辑代码 # 导入请求模块 import requests # 如…...

【PCIe 总线及设备入门学习专栏 4.1 -- PCI 总线的地址空间分配】

文章目录 Overview 本文转自&#xff1a;https://blog.chinaaet.com/justlxy/p/5100053219 Overview PCI 总线具有32位数据/地址复用总线&#xff0c;所以其存储地址空间为 2324GB。也就是PCI上的所有设备共同映射到这4GB上&#xff0c;每个PCI设备占用唯一的一段PCI地址&…...

虚拟电厂搭建指南:绿虫仿真设计软件的助力

在虚拟电厂的搭建中&#xff0c;绿虫仿真设计软件起着重要作用。 绿虫光伏仿真软件是一款综合性辅助工具&#xff0c;能为虚拟电厂中的光伏项目提供精准数据支持。它所提供的项目选址地气象数据&#xff0c;涵盖海拔、辐照、风速、温度等&#xff0c;数据源为 Meteonorm &…...

开源漏洞管理工具--Faraday

前言 在现代安全领域&#xff0c;面临着两个主要的挑战&#xff1a;一是设计出智能化的方式来获取新信息&#xff0c;二是有效地跟踪和管理发现的内容&#xff0c;以便不断改善修复工作。为了解决这些问题&#xff0c;Faraday应运而生&#xff0c;它能够帮助您专注于漏洞的发现…...

一、EF框架的Database First开发模式(数据库优先)

Database First开发模式(数据库优先) ‌Database First‌是Entity Framework&#xff08;EF&#xff09;的三种开发模式之一&#xff0c;适用于在已有数据库的情况下进行开发。其核心思想是从现有数据库中逆向生成实体类和映射文件&#xff0c;然后在此基础上进行开发。 官方…...

Datawhale AI冬令营(第二期)动手学AI Agent task2--学Prompt工程,优化Agent效果

目录 如何写好Prompt&#xff1f; 工具包神器1&#xff1a;Prompt框架——CO-STAR 框架 工具包神器2&#xff1a;Prompt结构优化 工具包神器3&#xff1a;引入案例 案例&#xff1a;构建虚拟女友小冰 1. 按照 CO-STAR框架 梳理目标 2. 撰写Prompt 3. 制作对话生成应用&…...

Go IO之文件处理,TCPUDP讲解

文章目录 1 文件处理1.1 打开和关闭文件1.2 读取文件1.2.1 简单示例1.2.2 中文乱码1.2.2.1 bufio1.2.2.2 ioutil 1.3 写入文件1.3.1 Write 和 WriteString1.3.2 fmt.Fprintln1.3.2.1 写入文件1.3.2.2 写入标准输出 1.3.3 bufio.NewWriter1.3.4 ioutil.WriteFile 2 TCP&UDP2…...

[卫星遥感] 解密卫星目标跟踪:挑战与突破的深度剖析

目录 [卫星遥感] 解密卫星目标跟踪&#xff1a;挑战与突破的深度剖析 1. 卫星目标跟踪的核心挑战 1.1 目标的高速与不确定性 1.2 卫星传感器的局限性 1.3 数据处理与融合问题 1.4 大尺度与实时性要求 2. 当前卫星目标跟踪的主流技术 2.1 卡尔曼滤波&#xff08;Kalman …...

U盘提示格式化?原因、恢复方案与预防措施全解析

一、U盘提示格式化现象概述 在日常使用U盘的过程中&#xff0c;我们有时会遇到一个令人头疼的问题——U盘插入电脑后&#xff0c;系统却弹出一个提示框&#xff0c;告知我们U盘需要格式化才能访问。这个提示往往伴随着数据的潜在丢失风险&#xff0c;让我们不禁为之心焦。U盘提…...

Vuex中dispatch的用法

在 Vuex 中&#xff0c;dispatch 是用于触发 actions 的方法&#xff0c;它的主要作用是调用一个 action 并可以传递一些参数。以下是关于 dispatch 的详细解释&#xff1a; 基本语法 dispatch(type, payload)type&#xff1a;要调用的 action 的名称&#xff0c;它是一个字符…...

Agent系列:AppAgent v2-屏幕智能Agent(详解版)

引言 简介 方法 Agent 框架 Agent 交互 探索阶段 部署阶段 文档生成 高级功能 实验结果 总结 局限性 未来工作 1. 引言 大语言模型&#xff08;LLM&#xff09;如 ChatGPT 和 GPT-4 显著提升了自然语言处理能力&#xff0c;并且推动了智能体在自主决策中的应用。…...

Word如何插入图片并移动到某个位置

Word如何插入图片并移动到某一个位置 新建word→插入→图片 选择合适的位置→选择图片→打开 点击图片→布局选项→选择文字环绕下的任意一个→固定在页面上 点击图片就可以将图片移动到任意位置...

[CTF/网络安全] 攻防世界 upload1 解题详析

姿势 在txt中写入一句话木马<?php eval($_POST[qiu]);?> 回显如下&#xff1a; 查看源代码&#xff1a; Array.prototype.contains function (obj) { var i this.length; while (i--) { if (this[i] obj) { return true; } } return false; } function …...

golang:微服务架构下的日志追踪系统(二)

背景 在使用Gin框架进行服务开发时&#xff0c;我们遇到了一个日志记录的问题。由于Gin的上下文&#xff08;*gin.Context&#xff09;实现了context.Context接口&#xff0c;在调用日志记录器的Info、Warn、Error等方法时&#xff0c;直接传递Gin的上下文通常不会导致编译错误…...

单片机的存储器类型

单片机&#xff08;Microcontroller Unit, MCU&#xff09;是一种将计算机的主要部分集成在一个芯片上的微型计算机。它集成了处理器(CPU)、存储器、输入输出接口等必要的功能模块&#xff0c;广泛应用于各种嵌入式系统中。单片机的存储器结构对于理解和使用单片机至关重要&…...

深入剖析MySQL数据库架构:核心组件、存储引擎与优化策略(一)

sql语句分为两大类&#xff1a;查询&#xff08;select&#xff09;、增删改----修改&#xff08;update&#xff09; select语句的执行流程 执行sql语句的流程&#xff1a;连接数据库、缓存查询、解析器、优化器、执行器、存储引擎操作数据 客户端&#xff1a;图形界面工具…...

java常见的面试题

目录 一、 spring的配置文件的哪四处? 1.数据源&#xff08;Data Source&#xff09;配置 2.事务管理器&#xff08;Transaction Manager&#xff09;配置 3. 扫描组件&#xff08;Component Scanning&#xff09;配置 4. AOP&#xff08;面向切面编程&#xff09;配置&…...

2025吉林大学软件学院研究生人工智能原理真题

选择题 5题共10分 5.以下模型不需要训练过程的是&#xff1f; A.支持向量机 B.决策树 C.KNN近邻算法 D.卷积神经网络 简答题 4题35分 1.大模型是否已经通过图灵测试 2.三个近二十年来的机器学习模型和应用案例 3.LDA原理和算法流程 4.CNN原理和算法流程 证明题 谓词逻辑15…...

Qt判别不同平台操作系统调用相应动态库读取RFID

本示例使用的读卡器&#xff1a;https://item.taobao.com/item.htm?spma21dvs.23580594.0.0.52de2c1b8jdyXi&ftt&id562957272162 #include <QDebug> #include "mainwindow.h" #include "./ui_mainwindow.h" #include "QLibrary"…...

智慧工地系统:建筑施工智能化管理的全新模式

智慧工地概述 智慧工地是将互联网的理念和和物联网的技术引入建筑工地&#xff0c;依托物联网、互联网、大数据、5G技术&#xff0c;建立云端数据平台&#xff0c;形成大数据的业务体系&#xff0c;打通一线操作与远程监管的链条&#xff0c;实现劳务、安全、环境、材料等各个…...

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

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

shell的循环结构

1、思维导图 2、定义一个find函数&#xff0c;查找ubuntu和root的gid并使用变量接收结果 #!/bin/bash #第二题查找gid并返回结果 find() {u_gidid -g ubuntur_gidid -g rootecho "root-gid$r_gid"echo "ubuntu-gid$u_gid" } ret$(find) echo $ret3、定义一…...

STM32-笔记29-蓝牙遥控插座项目

一、实验前期准备 手机通过蓝牙模块远程遥控风扇。&#xff08;插座的原理就是继电器&#xff0c;所以控制继电器就是控制插座电源&#xff09; 二、项目实现 复制项目文件夹32-蓝牙模块实现&#xff0c;重命名33-蓝牙遥控插座项目 找到一个继电器项目&#xff0c;把继电器复…...

计算机网络复习(习题)

术语辨析 数据链路层 该层在两个通信实体之间传送以帧为单位的数据&#xff0c;通过差错控制方法,使有差错的物理线路变成无差错数据链路。 网络层 负责使分组以适当的路径通过通信子网的层次。 运输层 负责向两台主机中进程之间的通信提供通用的数据传输服务的层次。 应用层…...

webserver的http实现

1、用了状态机&#xff0c;为什么要用状态机&#xff1f; 在逻辑处理模块中&#xff0c;响应的http请求采用主从状态机完成&#xff0c; 传统的控制流程都是按照顺序执行的&#xff0c;状态机能够处理任意顺序的事件&#xff0c;并能提供有意义的响应--即使这些事件发生的顺序和…...

C语言----指针

目录 1.概念 2.格式 3.指针操作符 4.初始化 1. 将普通变量的地址赋值给指针变量 a. 将数组的首地址赋值给指针变量 b. 将指针变量里面保存的地址赋值给另一个指针变量 5.指针运算 5.1算术运算 5.2 关系运算 指针的大小 总结&#xff1a; 段错误 指针修饰 1. con…...

Elasticsearch与数据库数据一致性:最佳实践与解决方案

在现代应用程序中&#xff0c;Elasticsearch&#xff08;ES&#xff09;作为一个高效的分布式搜索引擎&#xff0c;常常与数据库一同使用&#xff0c;以提供强大的搜索、分析和数据可视化功能。然而&#xff0c;数据库和Elasticsearch之间的同步与一致性常常成为一个挑战。如何…...

C# 基本语法

C# 基本语法 介绍 C#&#xff08;读作 "C sharp"&#xff09;是一种现代的、面向对象的编程语言&#xff0c;由微软开发&#xff0c;并在2000年首次发布。它是.NET框架的一部分&#xff0c;被广泛用于开发各种类型的应用程序&#xff0c;包括桌面应用、Web应用、移…...

CDGA|浅析自动化对数据治理的深远影响

在数字化时代&#xff0c;数据治理已成为企业管理的核心议题之一。随着数据量的快速增长和复杂性的不断提升&#xff0c;传统的手工数据管理方式已难以满足企业的需求。而自动化技术的引入&#xff0c;为数据治理带来了新的动力&#xff0c;正在逐步改变数据治理的面貌。 自动化…...

【机器学习】【朴素贝叶斯分类器】从理论到实践:朴素贝叶斯分类器在垃圾短信过滤中的应用

&#x1f31f; 关于我 &#x1f31f; 大家好呀&#xff01;&#x1f44b; 我是一名大三在读学生&#xff0c;目前对人工智能领域充满了浓厚的兴趣&#xff0c;尤其是机器学习、深度学习和自然语言处理这些酷炫的技术&#xff01;&#x1f916;&#x1f4bb; 平时我喜欢动手做实…...

小程序租赁系统的优势与应用探索

内容概要 小程序租赁系统&#xff0c;听起来很高大上&#xff0c;但实际上它比你想象的要实用得多&#xff01;设想一下&#xff0c;几乎所有的租赁需求都能通过手机轻松解决。这种系统的便捷性体现在让用户随时随地都能发起租赁请求&#xff0c;而不再受制于传统繁琐的手续。…...

汇编环境搭建

学习视频 将MASM所在目录 指定为C盘...

ubuntu24.04使用open-vm-tools无法在主机和虚拟机之间拖拽文件夹

最近安装了vmware用ubuntu24.04作为虚拟机 然后发现无法在主机和虚拟机之间复制粘贴 然后安装了 sudo apt-get install open-vm-tools-desktop重启虚拟机&#xff0c;发现可以复制粘贴文字&#xff0c;但是文件和文件夹仍然不行 搜索发现是Ubuntu&#xff08;22.04&#xff0…...

C++软件设计模式之模板方法模式

模板方法模式是面向对象软件设计模式之一&#xff0c;其主要意图是在一个方法中定义一个算法的骨架&#xff0c;而将一些步骤延迟到子类中实现。模板方法使得子类可以在不改变算法结构的情况下重新定义算法的某些特定步骤。 动机 在软件开发中&#xff0c;常常会遇到这样的情…...

20241231 机器学习ML -(2)KNN(scikitlearn)

1. build DKTree 递推创建Tree&#xff1b;当前维度找中位数分割 数据集 left set&#xff0c;Node(mid), right set. * 循环维度&#xff08;当log(Nsample)>featureSize) 2. DKTree KNN search * 理论部分向量几何有介绍。 每个维度列中&#xff0c;中位数对应的数据点…...

Prometheus之终极指南(The Ultimate Guide to Prometheus)

Prometheus之终极指南 Prometheus 彻底改变了我们在现代 DevOps 生态系统中监控基础设施、应用程序和服务的方式。它不仅仅是一个工具&#xff1b;它是一个由指标收集、告警和实时监控组成的生态系统&#xff0c;受到 Uber、Google 和 SoundCloud 等组织的信任。在本文中&…...

如何使用Python调用淘宝api接口获取商品详情信息?

使用 Python 调用淘宝 API 接口获取商品详情信息&#xff0c;可按照以下步骤进行&#xff1a; 注册并获取 API 密钥 访问淘宝api文档&#xff0c;点击 “立即测试” 按钮&#xff0c;按照提示完成注册流程。注册成功后&#xff0c;登录测试平台&#xff0c;进入 “控制台” 页面…...

ubuntu 22下解决Unment dependencies问题

问题现象 在使用apt安装包的时候&#xff0c;出现如下错误&#xff1a; 解决方案 第一步 sudo apt-get -f install sudo apt-get update sudo apt-get upgrade第二步 sudo apt-get update sudo apt-get clean sudo apt-get autoremove第三步 sudo apt --fix-broken inst…...

leetcode 热题100(155. 最小栈)multiset c++

链接&#xff1a;155. 最小栈 - 力扣&#xff08;LeetCode&#xff09; 设计一个支持 push &#xff0c;pop &#xff0c;top 操作&#xff0c;并能在常数时间内检索到最小元素的栈。 实现 MinStack 类: MinStack() 初始化堆栈对象。void push(int val) 将元素val推入堆栈。…...

某小程序sign签名参数逆向分析

文章目录 1. 写在前面2. 接口分析3. 分析还原 【&#x1f3e0;作者主页】&#xff1a;吴秋霖 【&#x1f4bc;作者介绍】&#xff1a;擅长爬虫与JS加密逆向分析&#xff01;Python领域优质创作者、CSDN博客专家、阿里云博客专家、华为云享专家。一路走来长期坚守并致力于Python…...

阿里云redis内存优化——PCP数据清理

在阿里云安装了一个redis节点&#xff0c;今天使用时忽然想着点击了一下分析内存。好家伙&#xff0c;居然崩出了一个30多M的块出来。问题是我本地安装的redis没有这个啊&#xff0c;怎么奇怪冒出这个来了。 本着把系统用干榨尽的态度&#xff0c;研究了下这个问题的来源。网上…...

YOLOv10-1.1部分代码阅读笔记-head.py

head.py ultralytics\nn\modules\head.py 目录 head.py 1.所需的库和模块 2.class Detect(nn.Module): 3.class Segment(Detect): 4.class OBB(Detect): 5.class Pose(Detect): 6.class Classify(nn.Module): 7.class WorldDetect(Detect): 8.class RTDETRDec…...