社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103

全站通知:

模板:计时

来自WIKI实验室WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索

此模板为一键安装导入,不建议手动修改。

模板

简单说明

版本:1.0

说明:显示一个时间点距离现在的时间差的模板
一个页面可以多次使用这个模板

使用说明

{{计时|年|月|日|时|分|秒|显示时间=|禁用天=|禁用时=|禁用分=|禁用秒=|隐藏分类=|编号=}}

参数

必须参数

  • 年:时间点的年份
  • 编号:计时器的编号,数值型,默认为1
    • 一个页面使用多个计时器时,需要显示标明编号
    • 编号可以不连续,但是页面的计时器编号应由小到大

可选参数

  • 月:时间点的月份,默认为1
  • 日:时间点的日期,默认为1
  • 时:时间点的小时,默认为0
  • 分:时间点的分钟,默认为0
  • 秒:时间点的秒钟,默认为0
  • 显示时间:将时间点的显示改为该项的内容,默认为空
  • 禁用天:不显示年月日的时间差,默认为否
    • 只有年月日均与服务器时间相同,且小时数相差小于24,才能设置禁用天
  • 禁用时:不显示时分秒的时间差,默认为否
  • 禁用分:不显示分秒的时间差,默认为否
  • 禁用秒:不显示秒的时间差,默认为否
  • 隐藏分类:这个页面就不会被分类为 [[:分类:正在计时的页面]],默认为否
    • 注:为保证本页面不会被分类,以下的示例该项均将隐藏分类设为“是”

示例

多次使用计时模板

源代码 效果
{{计时|2019|编号=1}}
{{计时|2019|4|编号=2}}
{{计时|2019|4|28|编号=3}}
{{计时|2019|4|28|17|编号=4}}
{{计时|2019|4|28|17|12|编号=5}}
{{计时|2019|4|28|17|12|50|编号=6}}

一个过去/将来的时间距离现在多久?

源代码 效果
{{计时|1926|8|17|编号=8}}
{{计时|9102|4|28|编号=9}}

自定义显示内容

源代码 效果
{{计时|1926|8|17|显示时间=他的出生|编号=10}}
{{计时|9102|4|28|显示时间=碧蓝航线动画化|编号=11}}

禁用天

只有年月日均与服务器时间相同,且小时数相差小于24,才能设置禁用天

源代码 效果
{{计时|2024|12|22|18|禁用天=是|编号=12}}

禁用时/分/秒

源代码 效果
{{计时|9102|4|28|禁用时=是|编号=13}}
{{计时|9102|4|28|禁用分=是|编号=14}}
{{计时|9102|4|28|禁用秒=是|编号=15}}
注:禁用时则自带禁用分、禁用秒;禁用分则自带禁用秒

隐藏分类

源代码 效果 备注
{{计时|9102|4|28|隐藏分类=是|编号=16}} 这个页面就不会被分类为分类:正在计时的页面

拓展

源代码 效果 备注
css:#TimerPMl6{} 修改编号为6的计时器的“距离”的样式 下类似
css:span[id^="TimerPMl"]{} 修改全部计时器的“距离”的样式
css:span[id^="TimerPMr"]{} 修改全部计时器的“还有”或“已经过去”的样式
css:span[id^="TimerDay"]{} 修改全部计时器的“XX天”的样式
css:span[id^="TimerHour"]{} 修改全部计时器的“XX时”的样式
css:span[id^="TimerMinute"]{} 修改全部计时器的“XX分”的样式
css:span[id^="TimerSecond"]{} 修改全部计时器的“XX秒”的样式

作者

丩卩夂忄


依赖页面

/*! * 如果再给我一次重新写的机会 * 我一定不会再写出如此春虫虫的代码 * BY:丩卩夂忄 */ TimerNumber=document.getElementsByClassName("TimerNumber") TimerNumbers=new Array() for(i=0;i<TimerNumber.length;i++){ TimerNumbers=TimerNumber[i].innerHTML } TimerNumber=Math.max(TimerNumbers) TimerZone=new Date().getTimezoneOffset()/60; TimerOffset=(8+TimerZone)*60*60*1000; Timers=new Array(); TimerEndTimes=new Array(); TimerPMrs=new Array(); TimerDays=new Array(); TimerHours=new Array(); TimerMinutes=new Array(); TimerSeconds=new Array(); for(CountTimers=0;CountTimers<=TimerNumber;CountTimers++){ Timers[CountTimers]=document.getElementById("Timer"+CountTimers); if(!Timers[CountTimers]){ continue } TimerEndTimes[CountTimers]=document.getElementById("TimerEndTime"+CountTimers); TimerPMrs[CountTimers]=document.getElementById("TimerPMr"+CountTimers); TimerDays[CountTimers]=document.getElementById("TimerDay"+CountTimers); TimerHours[CountTimers]=document.getElementById("TimerHour"+CountTimers); TimerMinutes[CountTimers]=document.getElementById("TimerMinute"+CountTimers); TimerSeconds[CountTimers]=document.getElementById("TimerSecond"+CountTimers); document.getElementById("TimerPMl"+CountTimers).innerHTML = "距离"; Timers[CountTimers].style.display=""; } function TimerRun(){ for(CountTimers=0;CountTimers<=TimerNumber;CountTimers++){ if(!Timers[CountTimers]){ continue } TimerEndTime=new Date(TimerEndTimes[CountTimers].innerHTML); TimerNowTime=new Date(); TimerDifference=TimerEndTime.getTime()-TimerNowTime.getTime()-TimerOffset; if(TimerDifference<0){ TimerDay=Math.abs(Math.ceil(TimerDifference/1000/60/60/24)); TimerHour=Math.abs(Math.ceil(TimerDifference/1000/60/60%24)); TimerMinute=Math.abs(Math.ceil(TimerDifference/1000/60%60)); TimerSecond=Math.abs(Math.ceil(TimerDifference/1000%60)); TimerPMrs[CountTimers].innerHTML = "已经过去"; } else{ TimerDifference+=1000; TimerDay=Math.abs(Math.floor(TimerDifference/1000/60/60/24)); TimerHour=Math.abs(Math.floor(TimerDifference/1000/60/60%24)); TimerMinute=Math.abs(Math.floor(TimerDifference/1000/60%60)); TimerSecond=Math.abs(Math.floor(TimerDifference/1000%60)); TimerPMrs[CountTimers].innerHTML = "还有"; }; TimerDays[CountTimers].innerHTML=TimerDay + "天"; TimerHours[CountTimers].innerHTML=TimerHour + "时"; TimerMinutes[CountTimers].innerHTML=TimerMinute + "分"; TimerSeconds[CountTimers].innerHTML=TimerSecond + "秒"; }; }; setInterval(TimerRun,0);
<div class="resourceLoader" style="display:none" data-is-module="false" data-mime="" >MediaWiki:{{{1}}}</div>
<div class="resourceLoader" style="display:none" data-is-module="false" data-mime="" ></div>

更新日志

1.0