简介
根据我用户页内投票，将此做成用户页形模板。投票：
您觉得这个时钟适合做成模板吗？
- 合适的不得了～：21
- 不适合：1
- ？：5
(ｉ)注意 请勿将此模板用于命名空间为User或User talk以外的页面
基础用法
{{U:鬼影233/clock}}
选填参数
size
固定单位px，默认为150。填写的数为时钟宽和高，其他会自动计算。
过小可能会导致在分辨率较低的设备上秒针等不显示。
{{U:鬼影233/clock|size=50}}
bg
为背景，默认为#111111（由于使用的是background，所以不止可以填写纯色。
{{U:鬼影233/clock|bg=#FFFFFF}}
hc、mc、sc
使用的也是是background，同样不止可以填写纯色。
hc、mc、sc 依次分别可调整：时针、分针、秒针；依次分别默认为：#FFCC66、#66CCFF、#66FFCC
{{U:鬼影233/clock|hc=#EEEE99|mc=#99EEEE|sc=#EE99EE}}
rad
为圆角，默认为50%（可自定义单位
{{U:鬼影233/clock|rad=10px}}
tick
让秒针一秒走一下（复古）
（输入为布尔值均可）
{{U:鬼影233/clock|tick=true}}
{{U:鬼影233/clock|tick=1}}
utc、utcm、dst
utc、utcm
可以调整时区（正号可不填）
utc默认：8（单位为小时）；utcm默认：0（单位为分钟）
{{U:鬼影233/clock|utc=9}} |
{{U:鬼影233/clock|utc=+9|utcm=30}}
|
|---|---|
dst
可以启用自动夏令时，仅支持enwp:Daylight saving time by country其中青色且除古巴外的区域。
dst，默认关闭
{{U:鬼影233/clock|dst=true}}
全填
{{U:鬼影233/clock|hc=#111111|mc=#111111|sc=#111111|size=250|bg=#FFFFFF|rad=15px|tick=true|utc=5|utcm=45|dst=1}}
表盘
因为表盘样式可以设计的太多了，我这就弄个自己看的过去的（不会直接写入模板）：
效果：{{#vardefine:鬼影表盘bg|#FFFFFF}}{{#vardefine:鬼影表盘小bg|transparent}}{{#vardefine:鬼影表盘小bg12|#331155}}{{#vardefine:鬼影表盘小bg3|#FFEE99}}{{#vardefine:鬼影表盘小bg6|#AAEEFF}}{{#vardefine:鬼影表盘小bg9|#FFCC99}}{{#vardefine:鬼影表盘bgsize|150}}{{#vardefine:鬼影表盘size|25}}{{#vardefine:鬼影表盘r|62.5}}{{#vardefine:鬼影表盘rad|25%}}{{#vardefine:鬼影表盘n|草}}{{#vardefine:鬼影表盘12|
}}<div style="position:relative;;display:inline-block;background:{{#var:鬼影表盘bg|#111111}};width:{{#var:鬼影表盘bgsize|150}}px;height:{{#var:鬼影表盘bgsize|150}}px;border-radius:{{#var:鬼影表盘rad|50%}};border:solid {{#var:鬼影表盘bg|#111111}} 表达式错误：无法识别标点符号“{”。px;">
<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg3|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘3|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg2|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘2|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg1|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘1|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg12|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘12|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg11|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘11|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg10|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘10|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg9|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘9|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg8|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘8|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg7|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘7|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg6|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘6|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg5|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘5|{{#var:鬼影表盘n|}}}}<div style="position:absolute;left:表达式错误：无法识别标点符号“{”。px;top:表达式错误：无法识别标点符号“{”。px;background:{{#var:鬼影表盘小bg4|{{#var:鬼影表盘小bg|#FFFFFF}}}};width:{{#var:鬼影表盘size|10}}px;height:{{#var:鬼影表盘size|10}}px;border-radius:50%;display:flex;justify-content:center;align-items:center;">{{#var:鬼影表盘4|{{#var:鬼影表盘n|}}}}
感谢名单
- 感谢九江月[更多]的时钟灵感（？
- 感谢梦吉[更多]对指针合并提供的技术支持！
- 感谢Septluna[更多]对秒针tick提供的CSS支持！以及对拉取当前秒的灵感（？
- 感谢MJH[更多]对utc错误的提出。
参见
- U:鬼影233/clock2（实验性）：
{{#vardefine:鬼影clock2-H|05}}{{#vardefine:鬼影clock2-M1|2}}{{#vardefine:鬼影clock2-M2|4}}{{#vardefine:鬼影clock2-S2|9}}{{#vardefine:鬼影clock2-4-{{#var:鬼影clock2-S2}}|0}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|1}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|2}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|3}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|4}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|5}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|6}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|7}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|8}}{{#vardefine:鬼影clock2-4-表达式错误：无法识别标点符号“{”。|9}}{{#vardefine:鬼影clock2-S1|4}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-3-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-2-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-1-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}{{#vardefine:鬼影clock2-0-表达式错误：无法识别标点符号“{”。|表达式错误：无法识别标点符号“{”。}}
