模板:倒计时:修订间差异

来自北京交通百科
跳转到导航 跳转到搜索
[未复核版本][已复核版本]
ZihuananaBot​(留言 | 贡献)
创建倒计时模板(配合MediaWiki:Common.js实时更新)
 
ZihuananaBot​(留言 | 贡献)
改用 Scribunto Lua 计算(纯 wikitext,无需 JS)
 
(未显示同一用户的1个中间版本)
第1行: 第1行:
<includeonly><div class="dsh-cd" data-date="{{{date|}}}" data-event="{{{event|}}}" data-dir="{{{direction|down}}}" style="display:inline-block;border-left:4px solid #009BC0;background:#f2f7fc;padding:4px 14px 4px 12px;border-radius:0 4px 4px 0;line-height:1.9;">{{{label|{{#switch:{{{direction|down}}}|up={{#if:{{{event|}}}|'''{{{event}}}'''|目标时刻}}至今|#default=距{{#if:{{{event|}}}|'''{{{event}}}'''|目标时刻}}还有}}}}}&nbsp;<span class="dsh-cd-value" style="font-weight:bold;color:#006098;font-variant-numeric:tabular-nums;">{{{alt|{{{date|(未填写日期)}}}}}}</span></div></includeonly>
<includeonly><div class="dsh-bigcd" role="presentation"><div class="dsh-bigcd-txt">{{#invoke:倒计时|main|date={{{date|}}}|event={{{event|}}}}}</div></div></includeonly>
<noinclude>
<noinclude>
本模板用于显示'''实时倒计时/正计时'''。需要在[[MediaWiki:Common.js]]中加载的脚本配合(已配置),每秒自动刷新;关闭 JavaScript 时则显示静态回退文字。
本模板用于显示'''大事件横幅式倒计时/纪念日计时'''(按整天计算),由 [[模块:倒计时]](Scribunto/Lua)在页面解析时计算,无需 JavaScript。


== 用法 ==
== 用法 ==
; 倒计时(距某时刻还有多久)
; 未来事件(倒计时):显示「距离''事件''还有 N 天」
: <code><nowiki>{{倒计时|date=2027-01-01 05:00|event=某某线路开通}}</nowiki></code>
: <code><nowiki>{{倒计时|date=2027-01-01|event=某某线路开通}}</nowiki></code>
; 正计时(某时刻至今已过多久)
; 已发生事件(纪念日):显示「''事件''已经 N 天」(目标日当天显示「就是今天」)
: <code><nowiki>{{倒计时|date=2008-07-19 10:00|event=北京地铁10号线开通|direction=up}}</nowiki></code>
: <code><nowiki>{{倒计时|date=2008-07-19|event=北京地铁10号线开通}}</nowiki></code>


== 参数 ==
== 参数 ==
* <code>date</code>(必填):目标时刻。格式 <code>YYYY-MM-DD HH:MM</code>(可带秒 <code>YYYY-MM-DD HH:MM:SS</code>),按浏览器本地时区解析——在中国使用时直接填北京时间即可;也支持 ISO 8601(如 <code>2027-01-01T05:00:00+08:00</code>)
* <code>date</code>(必填):目标日期,格式 <code>YYYY-MM-DD</code>(带时分秒时只取日期部分,按整天计算)
* <code>event</code>(选填):事件名称,显示在标签中
* <code>event</code>(选填):事件名称,如「北京地铁10号线开通」
* <code>direction</code>(选填):<code>down</code>=倒计时(默认,到达后显示“目标时刻已到”);<code>up</code>=正计时(起点未到显示“尚未开始”)
 
* <code>label</code>(选填):自定义标签文字(覆盖默认“距…还有 / …至今”)
== 说明 ==
* <code>alt</code>(选填):关闭 JavaScript 时显示的静态文字(默认显示 date)
* 页面缓存可能导致数值不是最新(最长约 24 小时);需要立即刷新可编辑一次页面或使用[[Special:Purge|清除缓存]]
* 样式见 [[MediaWiki:Common.css]] 中的 <code>.dsh-bigcd</code>


== 示例 ==
== 示例 ==
{{倒计时|date=2099-01-01 00:00|event=示例:未来事件}}
{{倒计时|date=2099-01-01|event=示例:某线路开通}}


{{倒计时|date=2008-07-19 10:00|event=北京地铁10号线开通|direction=up}}
{{倒计时|date=2008-07-19|event=北京地铁10号线开通}}
</noinclude>
</noinclude>

2026年9月4日 (五) 17:08的最新版本


本模板用于显示大事件横幅式倒计时/纪念日计时(按整天计算),由 模块:倒计时(Scribunto/Lua)在页面解析时计算,无需 JavaScript。

用法

未来事件(倒计时):显示「距离事件还有 N 天」
{{倒计时|date=2027-01-01|event=某某线路开通}}
已发生事件(纪念日):显示「事件已经 N 天」(目标日当天显示「就是今天」)
{{倒计时|date=2008-07-19|event=北京地铁10号线开通}}

参数

  • date(必填):目标日期,格式 YYYY-MM-DD(带时分秒时只取日期部分,按整天计算)
  • event(选填):事件名称,如「北京地铁10号线开通」

说明

  • 页面缓存可能导致数值不是最新(最长约 24 小时);需要立即刷新可编辑一次页面或使用清除缓存
  • 样式见 MediaWiki:Common.css 中的 .dsh-bigcd

示例