{"_id":"concise-clock","_rev":"6-f3725ee496a42207bbb20393a23c592b","name":"concise-clock","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.0":{"name":"concise-clock","version":"1.0.0","description":"一个基于h5 canvas的模拟时钟javascript程序","main":"lib/clock.js","types":"lib/index.d.ts","keywords":["js","h5","canvas","clockwise","clock","Analog Clock","模拟时钟"],"author":{"name":"wenlun"},"repository":{"type":"git","url":"git+https://github.com/destiny-wenlun/concise-clock.git"},"bugs":{"url":"https://github.com/destiny-wenlun/concise-clock/issues"},"homepage":"https://github.com/destiny-wenlun/concise-clock#readme","license":"ISC","_id":"concise-clock@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"8.9.3","_npmUser":{"name":"wenlun","email":"1070586554@qq.com"},"dist":{"integrity":"sha512-GE2kqV0V8PnAwHVA3UDTzNUISRCdxMN8UJk1F27zRiPjXY3RZqJLpnPAbzPJZ0Uaq0D2tZqF9cql7yYtH86QbQ==","shasum":"6a468f5845e525544f77689a4c941a47d3517d90","tarball":"https://registry.npmjs.org/concise-clock/-/concise-clock-1.0.0.tgz","fileCount":4,"unpackedSize":25885,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcH2ZzCRA9TVsSAnZWagAA010P/j/xcyvCtGu0+BoK0s2Q\nObrKoRLfkKcV8WmHFlo0jXS6wMs0DwFANdwLAFIhaqTdIaW9TJnq0HRwZOzY\nvcXxIzOM2HVwKZon+hH+RDZRHxjrcUECHGqp3VATTOop+zPSe1n6QQ9yn4+C\n1cITHR0S/haq1isb6CkNdJ35gigPZLpTtPLGesDbkuSkM49yCTh6+HtZPW4x\nNeZ2WTfJhCA/kdBejNAPm6/js2y2YIzlI/aDIFmLwmgOOSJhOEv305rDn3a+\nwjtZC8wZtdYgk1qSDNlmNeAdnjYrxWwgsxc9OAoFvsnMY2gFs70sVjwyy8Wb\nvUu2Iok76AiJTQ5wW+BGddwoI8EPbl7qwk9rLxj79IucPZu26ElxMNU06Yfl\n2K4KLwjIURKk2O4xHIokcxoVQBCQAmajBPdFat+tvVj8XSMzZVSGjPYmHpxW\nf61/PQVkz5X8NOmKY1C16PisXWudlJtGthqHw2nnm2j7XcMU/mfTkNkhH8ZO\nH+LOYZq7V/3m0Nw1Zmi/PCDDk1qH6uWbTL6UyZcxEP8ExLQ087E39/0k51CP\nUi9Kd0DG9vZCLIOkO6V9I6nSTv9bhphoj3S2YQ5bD8F531qJ9h9c9NzIm0MW\nvb82EdZv9ALq/SALpkCh8X5hiBTekwMnJBVdpK6kPnIhcvhZX7kiazfdUKgS\nEjjO\r\n=ubFq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD6Q1QxpB+479u82R205XAABx+JBElVU63TLbd4B1x/cwIgPj8U3DK0a7BN0LPijN7iHTuOAp+H0ZYoOsI93+BTh60="}]},"maintainers":[{"name":"wenlun","email":"1070586554@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concise-clock_1.0.0_1545561714420_0.38649556708535693"},"_hasShrinkwrap":false},"1.0.2":{"name":"concise-clock","version":"1.0.2","description":"一个基于h5 canvas的模拟时钟javascript程序","main":"lib/clock.js","types":"lib/index.d.ts","keywords":["js","h5","canvas","clockwise","clock","Analog Clock","模拟时钟"],"author":{"name":"wenlun"},"repository":{"type":"git","url":"git+https://github.com/destiny-wenlun/concise-clock.git"},"bugs":{"url":"https://github.com/destiny-wenlun/concise-clock/issues"},"homepage":"https://github.com/destiny-wenlun/concise-clock#readme","license":"ISC","_id":"concise-clock@1.0.2","_npmVersion":"6.4.1","_nodeVersion":"8.9.3","_npmUser":{"name":"wenlun","email":"1070586554@qq.com"},"dist":{"integrity":"sha512-tVQF1W8BLGxN7GtXgZZPFsxvI8E9HK3MFYNrB/xCg84fDUwmx3lSpGVQMeLhXOJgRlfabJImxCr3kNm7hdeRCA==","shasum":"50881c146c83f4aca51c9ffa046add2d3f27da7d","tarball":"https://registry.npmjs.org/concise-clock/-/concise-clock-1.0.2.tgz","fileCount":4,"unpackedSize":26007,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcIZulCRA9TVsSAnZWagAAtj0P/1MRvquIM7kcgJbVIrLa\n4joZs+Enu1+Z0nvw4RFObwj7TJUjjqjLTs//lPsob56BPtC9niIq0Md2mevk\nEXLGEXDJYbaRtFV98fr5i4PNEsEtG0bkGpp6MimVZlQCu/geMdHIpYk53ebP\n8vu2c+I6hlwB++HA4TPC2M0D0UvTA+5KET++TVBUNtRszUdy6J3ldm4NQV03\nWEGLNxmSfhtWXsRWGoyqBswHhe3t5MIEQukY1gpeM5YjrXdzJsApa/ZzX88a\nK3YiR2ujO801TGg25rL+MdKOqCmQ5vq2fBRVqfiVJo0NAccEnjnD/8kOSc16\nXOVTW6vz4DGue0VYIT/mHBKjTGQKxA9Yc0Wi1m87zKERrLgvHKlYD0aHqsM2\neWt+jtaK5hC2Xm7c7UUdVIN5Rsw0RAkJsu5Q/n/HSon4NOSF8GaqFK7GKJbo\nJC0FtRBw4bjyWawIBLACbdXPVeIqKmvMq8OJ9mpmWV1War1rg58AZtV8yJ1i\nFxbCmVfgwtZMGci6CttyE2KsTDDCIl8bX3jHvPU7xlUgNaRwqEIw+1GQAmPz\nR3hILFde0XysK9664lZFxK0HOkguqwwl9jIHl7e6OGqHirCjw4Rib3ndH0fl\nYxpcXVFoamUwNxv1xm613+smqh5V5laUOXEKfN50VDuOpKhBjBPS0+IVBwnF\nHC8p\r\n=jTFb\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGFmoNv0/mJjd2yt19JSoyPGOc+4WMbtsuQqWgwgt7G2AiBspjB2cEZPKXIhZoCykJkgCBDE37X7dUFUJMA4eR3CTA=="}]},"maintainers":[{"name":"wenlun","email":"1070586554@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concise-clock_1.0.2_1545706404576_0.852376037408076"},"_hasShrinkwrap":false},"1.0.3":{"name":"concise-clock","version":"1.0.3","description":"一个基于h5 canvas的模拟时钟javascript程序","main":"lib/clock.js","types":"lib/clock.d.ts","scripts":{"start":"tsc -watch","es":"tsc --lib dom,es2015 --strict false --target es2017  src/clock.ts","lib":"tsc --lib dom,es2015 --strict false --target es5 --declaration true --declarationDir lib --outDir lib src/clock.ts","uglify":"uglifyjs dist/clock.js -o dist/clock.min.js","build":"webpack & npm run uglify","all":"npm run build & npm run es & npm run lib"},"keywords":["js","h5","html5","canvas","clockwise","clock","Analog Clock","模拟时钟"],"author":{"name":"wenlun"},"license":"ISC","devDependencies":{"ts-loader":"^3.1.1","typescript":"^3.2.2","uglify-js":"^3.4.9","webpack":"^3.3.0"},"repository":{"type":"git","url":"git+https://github.com/destiny-wenlun/concise-clock.git"},"bugs":{"url":"https://github.com/destiny-wenlun/concise-clock/issues"},"homepage":"https://github.com/destiny-wenlun/concise-clock#readme","gitHead":"81925c225c926284d330ffcfa269640498930b20","_id":"concise-clock@1.0.3","_npmVersion":"6.4.1","_nodeVersion":"8.9.3","_npmUser":{"name":"wenlun","email":"1070586554@qq.com"},"dist":{"integrity":"sha512-fOWl8KUUjCmIakfzo3fBIonPTnKqcvJzwkWLJOysqdE+AacNdTA9XIYCUSo8G3FyTMxFAZ5IXWMqXWleWcCQpg==","shasum":"ac22e554e7f2d42a258002e3b1b5347d887199d7","tarball":"https://registry.npmjs.org/concise-clock/-/concise-clock-1.0.3.tgz","fileCount":6,"unpackedSize":59253,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcIiZ5CRA9TVsSAnZWagAArHwP/3ZiSCKqTKocWhDvI+Fn\nVFHJ9tC295JxALTpccZUnEMPUj2HN+3sXR6JflR6aMPtCMzsADO/UaCsB6Tn\n7NqIofT5Jyl2gQyoVFJUo5gPr+SQCIExx4WddFvNXrQM6HVYY5DxSy8vE1aL\nTy1YGLD0CuLjuuK0ybxC1NXqDnO69pv872GJUFJMwerRP2JqX58JkP4d2jLv\nncbcOW3PiWKI4kcNpGjmuWLQ8/7yZOhjLC1WEVBUEJ1fzBzXLoF10SW2qihv\n19wjHCXY7LsDmVV+CrkhFZ+350MiYbgvPpl9hjP1Pp4SsuKrQugsODDZmnB5\nSwrFE916JgPsGmcZ5RI2VdcfaS6cfHsx2Sst1D7R23o5BSUpqamylYq13Zql\nxMMKIpKlrVhiIwgJafRc7NgRGRb/3Ia0+mPA8OagZVadBbLU/29q3atZjm03\nYODb+GKpUNeHRN7NzX0YPXv4DMfqirm9pCov//DuQ7NWZyQj7/TwNUS8t+SD\nTfOjPkpT8s9YcNZ+7lCJpI8rKHgcri73uHsTsBJWZfExUPo5Dcpkds6dLLI0\nd7vT39dz+hzAXby0eG9sw0FxBy0Vnp6apBmi3iv+MTijEaJ2mm3UkVIJmI/x\ndCoox5hunrvuCCnL7liH2tSGRTiIpK1QbAZ7CtzRDnPzx+zBJulKhkKu6407\n7ekJ\r\n=P/i5\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDn/NGpQXRdQPkFwwFI2ohJcZiwAS6QZ9UQWslR4OSbeQIgW5QVNmGW6dN6QEvRD954A9sGRRuNSUuy/32oFhQmc20="}]},"maintainers":[{"name":"wenlun","email":"1070586554@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concise-clock_1.0.3_1545741944519_0.49449733540815144"},"_hasShrinkwrap":false},"1.0.4":{"name":"concise-clock","version":"1.0.4","description":"一个基于h5 canvas的模拟时钟javascript程序","main":"lib/clock.js","types":"lib/clock.d.ts","scripts":{"start":"tsc -watch","es":"tsc --lib dom,es2015 --strict false --target es2017  src/clock.ts","lib":"tsc --lib dom,es2015 --strict false --target es5 --declaration true --declarationDir lib --outDir lib src/clock.ts","uglify":"uglifyjs dist/clock.js -o dist/clock.min.js","build":"webpack & npm run uglify","all":"npm run build & npm run es & npm run lib","release":"npm run lib & npm publish"},"keywords":["js","h5","html5","canvas","clockwise","clock","Analog Clock","模拟时钟"],"author":{"name":"wenlun"},"license":"ISC","devDependencies":{"ts-loader":"^3.1.1","typescript":"^3.2.2","uglify-js":"^3.4.9","webpack":"^3.3.0"},"repository":{"type":"git","url":"git+https://github.com/destiny-wenlun/concise-clock.git"},"bugs":{"url":"https://github.com/destiny-wenlun/concise-clock/issues"},"homepage":"https://github.com/destiny-wenlun/concise-clock#readme","gitHead":"4cae1bc50938500499fc8a13afedd4cdf92a9263","_id":"concise-clock@1.0.4","_npmVersion":"6.4.1","_nodeVersion":"8.9.3","_npmUser":{"name":"wenlun","email":"1070586554@qq.com"},"dist":{"integrity":"sha512-oEuCLKyZDaYyg/MrRUK3+5YgLO/65rmK1OQh/NhfbA6BBR0q9wuSPsTD6PlgcoM+rJxL++JUmqa1aekP/XXJPg==","shasum":"430ee4105764f46dc5aa678b4d67c2c2e1b0c3b3","tarball":"https://registry.npmjs.org/concise-clock/-/concise-clock-1.0.4.tgz","fileCount":6,"unpackedSize":64829,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJcLDV9CRA9TVsSAnZWagAAa0kP/1+CtYB2IGovpmi1QzbL\nYZIMnCgnMi8wV5dPFchBEZtmJNBwkFW+Y9pm5bTZxAcoeQEVKjpCaSHWAAcO\nupuIr/BnZ3cVNJ6m6lXSm5+Zh26qYIx6VpTtwumLD+ej/ci+1awYleVzoET3\nlXNFOLh/5w8afy7f1akwQmT4VEgBSGueCveryFc7sTa3qEJobHoOxs/HfyFl\nkQL3gj7D6y8EKG/ZkQFMPpJHFbsVvOjmmYu3YicxAXccHmO5UwgAcJhd09/L\nt3beTj7YWTXBpDlT4a+j8eo/MCsVSUH67B3W3xqblqvmhADiElNCzrqrRL8s\nDtCQwMhvzDwB/EOlNRphbqxr9AmZ0WCHKB0iWwhVBMGDsuQhGwvmfVoE9SOr\nrPw6w3+y4VkzuMoVcHKQJW+QGMv6r+mOHIJUfDvwVr0FOkwJMkN/l0dBb5/i\nG8beh3lIAzBYdjh7+PUSqewFBwV0xL8053NqBxontPkDIIhgrrN6pUZ99Z9Y\nkoV1Ryuv/LI25Cxk0XRPJtgMxijlaoeU9mSFZMRBNqhnAlYs01sBKhR4ElYV\ngzlFO4iRQwHBIbsSd897v9HvHr7TdQ4a4ZUfRYjTZfKXynyn8OhffIK2TJmW\n8LKGhZ0SIyrzZjinXOUYTB+WlP1x4+MjPwMrLyaaLjAgSk/F9S4lNT/z+ga+\nlzc1\r\n=ld2U\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICpKwLUkBoC4ZHQnndtFntJ+bSyGtqDCBb68BT/Hpex6AiEAu6uBWMpV1o9tnia61BIFDsgiTjEeYOCH9rCEYwnb1MQ="}]},"maintainers":[{"name":"wenlun","email":"1070586554@qq.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/concise-clock_1.0.4_1546401148309_0.5275520628228842"},"_hasShrinkwrap":false}},"time":{"created":"2018-12-23T10:41:54.420Z","1.0.0":"2018-12-23T10:41:54.597Z","modified":"2022-04-27T15:23:54.190Z","1.0.1":"2018-12-25T02:02:16.606Z","1.0.2":"2018-12-25T02:53:24.718Z","1.0.3":"2018-12-25T12:45:44.711Z","1.0.4":"2019-01-02T03:52:28.534Z"},"maintainers":[{"name":"wenlun","email":"1070586554@qq.com"}],"description":"一个基于h5 canvas的模拟时钟javascript程序","homepage":"https://github.com/destiny-wenlun/concise-clock#readme","keywords":["js","h5","html5","canvas","clockwise","clock","Analog Clock","模拟时钟"],"repository":{"type":"git","url":"git+https://github.com/destiny-wenlun/concise-clock.git"},"author":{"name":"wenlun"},"bugs":{"url":"https://github.com/destiny-wenlun/concise-clock/issues"},"license":"ISC","readme":"# 效果图\r\n<img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo1.gif\" width=\"177\"  /><img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo2.gif\" width=\"177\"  /><img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo3.gif\" width=\"177\"  /><img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo4.gif\" width=\"177\"  /><img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo5.gif\" width=\"177\"  /><img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo6.gif\" width=\"177\"  />\r\n\r\n# 更新日志\r\n\r\n>1、构造方法第一个参数支持传入canvas dom对象的id，既可以传canvas dom对象也可以传此dom对象的id。  \r\n>2、增加setOptions方法，方便动态更新模拟时钟的属性。  \r\n>3、修复传入options没有验证属性值的BUG，若传入的options的某些属性是undefined，那么就过滤掉该属性。  \r\n>4、options新增handType指针类型，有line(线条)或triangle(三角形)两个可选值，默认triangle\r\n\r\n# 1.安装\r\n* &lt;script&gt;标签引入\"dist/clock.js\"或\"dist/clock.min.js\"\r\n+ 使用npm，运行命令：npm install -D concise-clock\r\n# 2.例子\r\n## 2.1 最简单使用\r\n* 代码\r\n```javascript\r\n//方法1，传入canvas dom对象\r\nnew Clock(document.getElementById(\"canvas\")).run();\r\n\r\n//方法2，传入canvas dom对象的id\r\nnew Clock(\"canvas\").run();\r\n\r\n```\r\n* 效果  \r\n<br/>\r\n<img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo1.gif\" width=\"300\"  />\r\n\r\n## 2.2 显示罗马数字\r\n* 代码\r\n```javascript\r\nnew Clock(document.getElementById(\"canvas\"), {scaleType: \"roman\"}).run();\r\n```\r\n* 效果  \r\n<br/>\r\n<img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo2.gif\" width=\"300\"  />\r\n\r\n## 2.3 自定义边框颜色、背景色、刻度线颜色以及小时数字颜色\r\n* 代码\r\n```javascript\r\nnew Clock(\r\n    document.getElementById(\"canvas\"),\r\n    {\r\n        borderColor: \"brown\",//边框颜色\r\n        backgroundColor:\"black\",//表盘背景色\r\n        hourColor:\"white\",//小时数字颜色\r\n        scaleColor:\"yellow\"//刻度线颜色\r\n    }\r\n).run();\r\n```\r\n* 效果\r\n<br/>\r\n<img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo3.gif\" width=\"300\"  />\r\n\r\n## 2.4 自定义边框图片、背景图片\r\n* 代码1\r\n```javascript\r\nnew Clock(\r\n    document.getElementById(\"canvas\"),\r\n    {\r\n        borderImage: \"./img/border.png\",\r\n        backgroundImage: \"./img/bg.jpg\"\r\n    }\r\n).run();\r\n```\r\n* 代码2 使用远程图片\r\n```javascript\r\nnew Clock(\r\n    document.getElementById(\"canvas\"),\r\n    {\r\n        borderImage: \"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545553805386&di=ec656215a2958d617ef30631e96304e0&imgtype=0&src=http%3A%2F%2Fimg1.ali213.net%2Fshouyou%2Fupload%2Fimage%2F2018%2F07%2F09%2F584_2018070952816881.png\",\r\n        backgroundImage: \"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1545553773235&di=1c768f80fc088c2edc20fa75af77c515&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201607%2F03%2F20160703164252_2WySB.jpeg\"\r\n    }\r\n).run();\r\n```\r\n* 效果\r\n<br/>\r\n<div>\r\n    <img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo4.gif\" width=\"300\" />\r\n    <img src=\"https://raw.githubusercontent.com/destiny-wenlun/concise-clock/master/img/demo5.gif\" width=\"300\" />\r\n</div>\r\n\r\n# 3.参数\r\n## 3.1 Clock(canvas, options)\r\n* canvas：用来显示模拟时钟的容器。可以是一个HTMLCanvasElement对象，也可以是一个HTMLCanvasElement对象的id。\r\n+ options：options有默认值，可不传，但如果你想自定义一些漂亮的样式，就可以使用options参数。\r\n## 3.2 options默认值\r\n|属性|说明|类型|默认值|\r\n|:-|:-|:-|:-|\r\n|size|模拟时钟大小|Number|300|\r\n|padding|内边距|Number|5|\r\n|borderWidth|边框宽度|Number|15|\r\n|borderColor|边框颜色|String|black|\r\n|borderImage|边框背景图片，优先级高于borderColor|String|-|\r\n|backgroundColor|背景色|String|white|\r\n|backgroundImage|背景图片，优先级高于backgroundColor|String|-|\r\n|backgroundMode|背景图显示模式,可选值part或full|String|full|\r\n|backgroundAlpha|背景图片的透明度|Number|0.5|\r\n|scaleType|显示的刻度类型，roman：罗马数字，arabic：阿拉伯数字，none：不显示|String|arabic|\r\n|scaleColor|刻度线颜色|String|#666|\r\n|hourColor|刻度值颜色|String|#666|\r\n|handType|指针类型|line \\| triangle|triangle|\r\n|secondHandColor|秒针颜色|String|red|\r\n|minuteHandColor|分针颜色|String|#666|\r\n|hourHandColor|时针颜色|String|black|\r\n|showShadow|时针颜色|Boolean|true|\r\n|onload|图片加载完成回调，回调参数当前Clock对象|Function|-|\r\n\r\n# 4.对象方法\r\n* show(time): 用来显示一个时间，可以是Date对象，也可以是形如\"hh:mm:ss\"的字符串，此的方法返回值是当前对象。例如:\r\n```javascript\r\n//1.如果没有用到背景图或边框图，那么可以直接使用show方法\r\nnew Clock(document.getElementById(\"canvas\")).show(\"15:25:40\");\r\n\r\n//2.若使用了背景图或边框图，那么需要在onload回调方法中使用show方法\r\nnew Clock(\r\n    document.getElementById(\"canvas\"),\r\n    {\r\n        borderImage: \"./img/border.png\",\r\n        backgroundImage: \"./img/bg.jpg\",\r\n        onload(clock) {\r\n            clock.show(\"15:25:40\")\r\n        }\r\n    }\r\n);\r\n```\r\n\r\n* run(): 执行此方法，模拟时钟就会每隔1秒，渲染一次界面，此方法返回值是当前对象。例如：\r\n```javascript\r\nnew Clock(document.getElementById(\"canvas\")).run();\r\n```\r\n\r\n* stop(): 执行此方法，可停止每隔1秒渲染界面。例如：\r\n```javascript\r\n//运行一个模拟时钟，4秒后停止\r\nvar clock = new Clock(document.getElementById(\"canvas\")).run();\r\nsetTimeout(function(){\r\n    clock.stop();\r\n}, 4000);\r\n```\r\n\r\n* setOptions(options): 执行此方法，动态改变模拟时钟的一些属性。例如：\r\n```javascript\r\n//运行一个模拟时钟，4秒后修改模拟时钟的尺寸为500，可参考demo/demo2.html\r\nvar clock = new Clock(document.getElementById(\"canvas\")).run();\r\nsetTimeout(function(){\r\n    clock.setOptions({size: 500});\r\n}, 4000);\r\n```","readmeFilename":"README.md"}