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

来自北京交通百科
跳转到导航 跳转到搜索
[未复核版本][未复核版本]
ZihuananaBot​(留言 | 贡献)
创建倒计时模板(配合MediaWiki:Common.js实时更新)
 
ZihuananaBot​(留言 | 贡献)
重做为:大事件横幅样式(还有X天/已经X天)
第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" data-date="{{{date|}}}" data-event="{{{event|}}}" role="presentation"><div class="dsh-bigcd-txt">{{{fallback|{{{event|目标事件}}}|{{{date|未填写日期}}}}}}</div></div></includeonly>
<noinclude>
<noinclude>
本模板用于显示'''实时倒计时/正计时'''。需要在[[MediaWiki:Common.js]]中加载的脚本配合(已配置),每秒自动刷新;关闭 JavaScript 时则显示静态回退文字。
本模板用于显示'''大事件横幅式倒计时/纪念日计时'''(按整天计算),配合 [[MediaWiki:Common.js]] 中已配置的脚本实时刷新。


== 用法 ==
== 用法 ==
; 倒计时(距某时刻还有多久)
; 未来事件(倒计时):显示「距离''事件''还有 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>fallback</code>(选填):关闭 JavaScript 时显示的静态文字(默认「事件|日期」)
* <code>label</code>(选填):自定义标签文字(覆盖默认“距…还有 / …至今”)
* <code>alt</code>(选填):关闭 JavaScript 时显示的静态文字(默认显示 date)


== 示例 ==
== 示例 ==
{{倒计时|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:04的版本


本模板用于显示大事件横幅式倒计时/纪念日计时(按整天计算),配合 MediaWiki:Common.js 中已配置的脚本实时刷新。

用法

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

参数

  • date(必填):目标日期,格式 YYYY-MM-DD(带时分秒也只会按整天计算)
  • event(必填):事件名称,如「北京地铁10号线开通」
  • fallback(选填):关闭 JavaScript 时显示的静态文字(默认「事件|日期」)

示例