https://osm.bio/index.php?action=history&feed=atom&title=%E6%A8%A1%E6%9D%BF%3A%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6
模板:生物联赛倒计时 - 版本历史
2026-05-14T22:43:09Z
本wiki上该页面的版本历史
MediaWiki 1.45.1
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11018&oldid=prev
2025年8月22日 (五) 04:22 Magezeya
2025-08-22T04:22:17Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11018&oldid=11017">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11017&oldid=prev
2025年8月22日 (五) 04:10 Magezeya
2025-08-22T04:10:04Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11017&oldid=11015">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11015&oldid=prev
2025年8月22日 (五) 04:01 Magezeya
2025-08-22T04:01:11Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11015&oldid=11014">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11014&oldid=prev
2025年8月22日 (五) 04:00 Magezeya
2025-08-22T04:00:35Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11014&oldid=11013">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11013&oldid=prev
2025年8月21日 (四) 10:21 Magezeya
2025-08-21T10:21:23Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11013&oldid=11012">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11012&oldid=prev
2025年8月21日 (四) 10:14 Magezeya
2025-08-21T10:14:23Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11012&oldid=11011">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11011&oldid=prev
2025年8月21日 (四) 10:11 Magezeya
2025-08-21T10:11:33Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11011&oldid=11010">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11010&oldid=prev
2025年8月21日 (四) 10:06 Magezeya
2025-08-21T10:06:53Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11010&oldid=11009">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11009&oldid=prev
2025年8月21日 (四) 09:56 Magezeya
2025-08-21T09:56:52Z
<p></p>
<a href="https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11009&oldid=11004">显示更改</a>
Magezeya
https://osm.bio/index.php?title=%E6%A8%A1%E6%9D%BF:%E7%94%9F%E7%89%A9%E8%81%94%E8%B5%9B%E5%80%92%E8%AE%A1%E6%97%B6&diff=11004&oldid=prev
Magezeya：创建页面，内容为“<includeonly> <!-- 主容器 --> <div id="biology-contest-countdown" style="font-family: 'Segoe UI', system-ui, sans-serif; max-width: 600px; margin: 20px auto; text-align: center;"> <!-- 标题区域 --> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; padding: 20px; border-radius: 15px 15px 0 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h1 style="margin: 0; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);…”
2025-08-21T09:29:58Z
<p>创建页面，内容为“<includeonly> <!-- 主容器 --> <div id="biology-contest-countdown" style="font-family: 'Segoe UI', system-ui, sans-serif; max-width: 600px; margin: 20px auto; text-align: center;"> <!-- 标题区域 --> <div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; padding: 20px; border-radius: 15px 15px 0 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"> <h1 style="margin: 0; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);…”</p>
<p><b>新页面</b></p><div><includeonly><br />
<!-- 主容器 --><br />
<div id="biology-contest-countdown" style="font-family: 'Segoe UI', system-ui, sans-serif; max-width: 600px; margin: 20px auto; text-align: center;"><br />
<br />
<!-- 标题区域 --><br />
<div style="background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); color: white; padding: 20px; border-radius: 15px 15px 0 0; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"><br />
<h1 style="margin: 0; font-size: 2.2em; text-shadow: 2px 2px 4px rgba(0,0,0,0.2);">全国生物学竞赛倒计时</h1><br />
<p style="font-size: 1.1em; opacity: 0.9; margin: 10px 0 0;">每年的五月第二个星期日</p><br />
</div><br />
<br />
<!-- 倒计时显示区域 --><br />
<div style="background: #fff; padding: 30px 20px; border-radius: 0 0 15px 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);"><br />
<div id="countdown-year" style="font-size: 1.5em; color: #333; margin-bottom: 15px; font-weight: bold;"><br />
计算中...<br />
</div><br />
<br />
<div style="display: flex; justify-content: center; gap: 15px; flex-wrap: wrap;"><br />
<div class="countdown-box"><br />
<div id="countdown-days" class="countdown-number">00</div><br />
<div class="countdown-label">天</div><br />
</div><br />
<div class="countdown-box"><br />
<div id="countdown-hours" class="countdown-number">00</div><br />
<div class="countdown-label">小时</div><br />
</div><br />
<div class="countdown-box"><br />
<div id="countdown-minutes" class="countdown-number">00</div><br />
<div class="countdown-label">分钟</div><br />
</div><br />
<div class="countdown-box"><br />
<div id="countdown-seconds" class="countdown-number">00</div><br />
<div class="countdown-label">秒</div><br />
</div><br />
</div><br />
<br />
<div id="contest-date" style="margin-top: 20px; color: #666; font-style: italic;"><br />
比赛日期计算中...<br />
</div><br />
</div><br />
<br />
<!-- 装饰元素 --><br />
<div style="margin-top: 15px; display: flex; justify-content: center; gap: 10px;"><br />
<span style="display: inline-block; width: 15px; height: 15px; background: #4facfe; border-radius: 50%;"></span><br />
<span style="display: inline-block; width: 15px; height: 15px; background: #00f2fe; border-radius: 50%;"></span><br />
<span style="display: inline-block; width: 15px; height: 15px; background: #4facfe; border-radius: 50%;"></span><br />
</div><br />
<br />
<!-- JavaScript代码 --><br />
<script><br />
(function() {<br />
// 查找五月第二个星期日的函数<br />
function findSecondSundayInMay(year) {<br />
// 5月1日<br />
var mayFirst = new Date(year, 4, 1);<br />
// 获取5月1日是星期几 (0是星期日, 1是星期一, ..., 6是星期六)<br />
var dayOfWeek = mayFirst.getDay();<br />
// 计算到第二个星期日的天数<br />
var daysToAdd = dayOfWeek === 0 ? 7 : (14 - dayOfWeek) % 7;<br />
// 创建第二个星期日的日期对象<br />
var secondSunday = new Date(year, 4, 1 + daysToAdd);<br />
return secondSunday;<br />
}<br />
<br />
// 更新倒计时显示<br />
function updateCountdown() {<br />
var now = new Date();<br />
var currentYear = now.getFullYear();<br />
<br />
// 查找今年的比赛日期<br />
var thisYearContest = findSecondSundayInMay(currentYear);<br />
<br />
// 确定下一次比赛日期<br />
var nextContest;<br />
var contestYear;<br />
<br />
if (now < thisYearContest) {<br />
// 今年的比赛还没进行<br />
nextContest = thisYearContest;<br />
contestYear = currentYear;<br />
} else {<br />
// 今年的比赛已过，计算明年的<br />
nextContest = findSecondSundayInMay(currentYear + 1);<br />
contestYear = currentYear + 1;<br />
}<br />
<br />
// 计算时间差<br />
var timeDiff = nextContest - now;<br />
<br />
// 计算天、小时、分钟和秒<br />
var days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));<br />
var hours = Math.floor((timeDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));<br />
var minutes = Math.floor((timeDiff % (1000 * 60 * 60)) / (1000 * 60));<br />
var seconds = Math.floor((timeDiff % (1000 * 60)) / 1000);<br />
<br />
// 更新显示<br />
document.getElementById('countdown-year').textContent = <br />
'距离' + contestYear + '年全国生物学竞赛还有';<br />
<br />
document.getElementById('countdown-days').textContent = <br />
days.toString().padStart(2, '0');<br />
<br />
document.getElementById('countdown-hours').textContent = <br />
hours.toString().padStart(2, '0');<br />
<br />
document.getElementById('countdown-minutes').textContent = <br />
minutes.toString().padStart(2, '0');<br />
<br />
document.getElementById('countdown-seconds').textContent = <br />
seconds.toString().padStart(2, '0');<br />
<br />
document.getElementById('contest-date').textContent = <br />
'比赛日期: ' + nextContest.getFullYear() + '年' + <br />
(nextContest.getMonth() + 1) + '月' + <br />
nextContest.getDate() + '日';<br />
}<br />
<br />
// 初始更新<br />
updateCountdown();<br />
<br />
// 每秒更新一次<br />
setInterval(updateCountdown, 1000);<br />
})();<br />
</script><br />
<br />
<!-- CSS样式 --><br />
<style><br />
.countdown-box {<br />
background: #f8f9fa;<br />
border-radius: 10px;<br />
padding: 15px;<br />
min-width: 80px;<br />
box-shadow: 0 3px 10px rgba(0,0,0,0.1);<br />
}<br />
<br />
.countdown-number {<br />
font-size: 2.5em;<br />
font-weight: bold;<br />
color: #4facfe;<br />
text-shadow: 1px 1px 2px rgba(0,0,0,0.1);<br />
}<br />
<br />
.countdown-label {<br />
margin-top: 5px;<br />
color: #666;<br />
font-size: 0.9em;<br />
}<br />
<br />
/* 响应式设计 */<br />
@media (max-width: 600px) {<br />
.countdown-box {<br />
min-width: 60px;<br />
padding: 10px;<br />
}<br />
<br />
.countdown-number {<br />
font-size: 2em;<br />
}<br />
}<br />
</style><br />
</div><br />
</includeonly><br />
<br />
<noinclude><br />
== 全国生物学竞赛倒计时模板 ==<br />
这是一个显示全国生物学竞赛倒计时的模板，比赛日期为每年的五月第二个星期日。<br />
<br />
=== 使用方法 ===<br />
只需在任意页面插入以下代码：<br />
<pre><br />
{{全国生物学竞赛倒计时}}<br />
</pre><br />
<br />
=== 功能特点 ===<br />
* 自动计算每年的五月第二个星期日<br />
* 动态倒计时显示（天、小时、分钟、秒）<br />
* 自动判断今年是否已过比赛日期，显示下一年的比赛<br />
* 响应式设计，适配各种屏幕尺寸<br />
* 美观的UI设计<br />
<br />
[[Category:倒计时模板]]<br />
[[Category:教育模板]]<br />
[[Category:动态模板]]<br />
</noinclude></div>
Magezeya