罗 盘 时 钟 源 代 码body{ font-size: 14px; color: black; font-family: 'Microsoft YaHei', 'Times New Roman', Times, serif; background: url(../image/16.jpg) no-repeat; padding: 0; margin: 0; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }.clock{ list-style: none; margin: auto;j'p'g padding: 0; width: 700px; height: 700px; position: fixed; top: 0; right: 0; bottom: 0; left: 0; line-height: 20px; user-select: none;}.clock .date{ position: absolute; z-index: 1; width: 100%; height: 20px; text-align: center; top: 340px; left: 0;}.clock .hour{ position: absolute; z-index: 3; width: 360px; height: 20px; top: 340px; left: 170px; transition: transform 0.3s ease-in-out 0s; transform:rotate(0deg);}.clock .hour>div{ position: absolute; width: 100%; right: 0; top: 0; transition: transform 1s ease-in-out 0s; transform:rotate(0deg);}.clock .hour>div>div{ float: right; width: 60px; text-align: right;}.clock .minute{ position: absolute; z-index: 4; width: 520px; height: 20px; top: 340px; left: 9 0px;}.clock .sec{ position: absolute; z-index: 5; width: 68 0px; height: 20px; top: 340px; left: 10px;}.clock>hr{ height: 0; width: 0%; position: absolute; z-index: 1; border: # ffffff solid 0; border-bottom-width: 1px; margin: 10px 0 0 0; left: 50%; top: 50%; transition: width 0.3s ease-in-out 0s; overflow: visible;}.clock>hr.active:before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: yellow; top: -2px; left: 0; position: absolute;}$.fn.extend({ /* 时 钟 */ clock:function () { var HL={}; HL.$el=$(this); HL.ZHCNArr=['零 ','⼀ ','⼆ ','三 ','四 ','五 ','六 ','七 ','⼋ ','九 ','⼗ ']; /* 转 为 简 体 中 ⽂ */ HL.changeZHCN=function (value) { /* ⼩ 于 10 */ if(value<10){ return this....
