Tutorial Membuat Jam Analog Menggunakan Html, Css3 dan jQuery
Sobat source code, pada kesempatan ini kami akan berbagi sebuah tutorial atau cara membuat jam analog menggunakan html, css3 dan jquery. Aplikasi jam sederhana ini, dapat anda pasang di blog pribadi di website, ataupun sekedar menjadi bahan pembelajaran membuat aplikasi menggunakan html.
Aplikasi jam analog cukup menarik dari segi tampilan, menggunakan css3, jadi melalui aplikasi jam analog html ini, anda juga bisa mempelajari koneksi html dengan css dan juga teknik menggunakan jquery. Jam analog ini secara otomatis mengikuti settingan jam pada komputer atau laptop anda.
Silahkan dipelajari sobat, semoga bermanfaat. Aplikasi ini kami dapat dalam sebuah web coding luar negeri, dan pada kesempatan in kami bagikan kepada anda.
berikut ini adalah source code jam analog menggunakan html, css dan jquery :
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%40charset%20%22utf-8%22%3B%3Cbr%20%2F%3E%0A%2F*%20CSS%20Document%20*%2F%3Cbr%20%2F%3E%0Abody%20%7B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23wrapper%20%7B%3Cbr%20%2F%3E%0A%09width%3A%20455px%3B%3Cbr%20%2F%3E%0Amargin%3A%2030px%20auto%3B%3Cbr%20%2F%3E%0Atext-align%3A%20center%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.button%20%7B%3Cbr%20%2F%3E%0A%09font-family%3A%22Myriad%20Pro%22%2C%20Arial%2C%20sans-serif%3B%3Cbr%20%2F%3E%0A%09font-size%3A%2024px%3B%3Cbr%20%2F%3E%0A%09font-weight%3Abold%3B%3Cbr%20%2F%3E%0A%09color%3A%23333%3B%3Cbr%20%2F%3E%0A%09text-decoration%3Anone%3B%3Cbr%20%2F%3E%0A%09letter-spacing%3A-1px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23shadow%20%7B%3Cbr%20%2F%3E%0A%09height%3A50px%3B%3Cbr%20%2F%3E%0Abackground%3A%20-moz-radial-gradient(center%2C%20ellipse%20cover%2C%20%20%23c6c6c6%2018%25%2C%20%23ffffff%2076%25)%3B%20%2F*%20FF3.6%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-gradient(radial%2C%20center%20center%2C%200px%2C%20center%20center%2C%20100%25%2C%20color-stop(18%25%2C%23c6c6c6)%2C%20color-stop(76%25%2C%23ffffff))%3B%20%2F*%20Chrome%2CSafari4%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-radial-gradient(center%2C%20ellipse%20cover%2C%20%20%23c6c6c6%2018%25%2C%23ffffff%2076%25)%3B%20%2F*%20Chrome10%2B%2CSafari5.1%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-o-radial-gradient(center%2C%20ellipse%20cover%2C%20%20%23c6c6c6%2018%25%2C%23ffffff%2076%25)%3B%20%2F*%20Opera%2012%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-ms-radial-gradient(center%2C%20ellipse%20cover%2C%20%20%23c6c6c6%2018%25%2C%23ffffff%2076%25)%3B%20%2F*%20IE10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20radial-gradient(center%2C%20ellipse%20cover%2C%20%20%23c6c6c6%2018%25%2C%23ffffff%2076%25)%3B%20%2F*%20W3C%20*%2F%3Cbr%20%2F%3E%0Afilter%3A%20progid%3ADXImageTransform.Microsoft.gradient(%20startColorstr%3D'%23c6c6c6'%2C%20endColorstr%3D'%23ffffff'%2CGradientType%3D1%20)%3B%20%2F*%20IE6-9%20fallback%20on%20horizontal%20gradient%20*%2F%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.clock%20%7B%3Cbr%20%2F%3E%0Adisplay%3A%20block%3B%3Cbr%20%2F%3E%0Awidth%3A%20405px%3B%3Cbr%20%2F%3E%0Aheight%3A%20405px%3B%3Cbr%20%2F%3E%0Aborder%3A3px%20solid%20%233F1B05%3B%3Cbr%20%2F%3E%0Abackground%3A%20%238c4f39%3B%20%2F*%20Old%20browsers%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-moz-linear-gradient(top%2C%20%20%238c4f39%200%25%2C%20%23541f06%2051%25%2C%20%238c4f39%20100%25)%3B%20%2F*%20FF3.6%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%238c4f39)%2C%20color-stop(51%25%2C%23541f06)%2C%20color-stop(100%25%2C%238c4f39))%3B%20%2F*%20Chrome%2CSafari4%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-linear-gradient(top%2C%20%20%238c4f39%200%25%2C%23541f06%2051%25%2C%238c4f39%20100%25)%3B%20%2F*%20Chrome10%2B%2CSafari5.1%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-o-linear-gradient(top%2C%20%20%238c4f39%200%25%2C%23541f06%2051%25%2C%238c4f39%20100%25)%3B%20%2F*%20Opera%2011.10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-ms-linear-gradient(top%2C%20%20%238c4f39%200%25%2C%23541f06%2051%25%2C%238c4f39%20100%25)%3B%20%2F*%20IE10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20linear-gradient(top%2C%20%20%238c4f39%200%25%2C%23541f06%2051%25%2C%238c4f39%20100%25)%3B%20%2F*%20W3C%20*%2F%3Cbr%20%2F%3E%0Afilter%3A%20progid%3ADXImageTransform.Microsoft.gradient(%20startColorstr%3D'%238c4f39'%2C%20endColorstr%3D'%238c4f39'%2CGradientType%3D0%20)%3B%20%2F*%20IE6-9%20*%2F%3Cbr%20%2F%3E%0A-moz-border-radius%3A%20223px%3B%3Cbr%20%2F%3E%0A-webkit-border-radius%3A%20223px%3B%3Cbr%20%2F%3E%0Aborder-radius%3A%20223px%3B%3Cbr%20%2F%3E%0Apadding%3A%2020px%3B%3Cbr%20%2F%3E%0Aposition%3Arelative%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23centerPoint%7B%3Cbr%20%2F%3E%0A%09width%3A%2024px%3B%3Cbr%20%2F%3E%0A%09height%3A%2024px%3B%3Cbr%20%2F%3E%0A%09-moz-border-radius%3A%2012px%3B%3Cbr%20%2F%3E%0A%09-webkit-border-radius%3A%2012px%3B%3Cbr%20%2F%3E%0A%09border-radius%3A%2012px%3B%3Cbr%20%2F%3E%0A%09background-color%3A%20black%3B%3Cbr%20%2F%3E%0A%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09left%3A%20210px%3B%3Cbr%20%2F%3E%0A%09top%3A%20208px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.clockhighlight1%20%7B%3Cbr%20%2F%3E%0Adisplay%3A%20block%3B%3Cbr%20%2F%3E%0Awidth%3A%20363px%3B%3Cbr%20%2F%3E%0Aheight%3A%20363px%3B%3Cbr%20%2F%3E%0Abackground%3A%20%23541f06%3B%20%2F*%20Old%20browsers%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-moz-linear-gradient(top%2C%20%20%23541f06%200%25%2C%20%236b2c08%2050%25%2C%20%23541f06%20100%25)%3B%20%2F*%20FF3.6%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%23541f06)%2C%20color-stop(50%25%2C%236b2c08)%2C%20color-stop(100%25%2C%23541f06))%3B%20%2F*%20Chrome%2CSafari4%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-linear-gradient(top%2C%20%20%23541f06%200%25%2C%236b2c08%2050%25%2C%23541f06%20100%25)%3B%20%2F*%20Chrome10%2B%2CSafari5.1%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-o-linear-gradient(top%2C%20%20%23541f06%200%25%2C%236b2c08%2050%25%2C%23541f06%20100%25)%3B%20%2F*%20Opera%2011.10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-ms-linear-gradient(top%2C%20%20%23541f06%200%25%2C%236b2c08%2050%25%2C%23541f06%20100%25)%3B%20%2F*%20IE10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20linear-gradient(top%2C%20%20%23541f06%200%25%2C%236b2c08%2050%25%2C%23541f06%20100%25)%3B%20%2F*%20W3C%20*%2F%3Cbr%20%2F%3E%0Afilter%3A%20progid%3ADXImageTransform.Microsoft.gradient(%20startColorstr%3D'%23541f06'%2C%20endColorstr%3D'%23541f06'%2CGradientType%3D0%20)%3B%20%2F*%20IE6-9%20*%2F%3Cbr%20%2F%3E%0A-webkit-border-radius%3A%20200px%3B%3Cbr%20%2F%3E%0A-moz-border-radius%3A%20200px%3B%3Cbr%20%2F%3E%0Aborder-radius%3A%20200px%3B%3Cbr%20%2F%3E%0Aborder%3A6px%20solid%20%238c4f39%3B%3Cbr%20%2F%3E%0Apadding%3A%2016px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.clockface%20%7B%3Cbr%20%2F%3E%0Adisplay%3A%20block%3B%3Cbr%20%2F%3E%0Awidth%3A%20340px%3B%3Cbr%20%2F%3E%0Aheight%3A%20340px%3B%3Cbr%20%2F%3E%0Abackground%3A%20%23ffffff%3B%20%2F*%20Old%20browsers%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-moz-linear-gradient(top%2C%20%23ffffff%200%25%2C%20%23efefef%20100%25)%3B%20%2F*%20FF3.6%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-gradient(linear%2C%20left%20top%2C%20left%20bottom%2C%20color-stop(0%25%2C%23ffffff)%2C%20color-stop(100%25%2C%23efefef))%3B%20%2F*%20Chrome%2CSafari4%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-webkit-linear-gradient(top%2C%20%23ffffff%200%25%2C%23efefef%20100%25)%3B%20%2F*%20Chrome10%2B%2CSafari5.1%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-o-linear-gradient(top%2C%20%23ffffff%200%25%2C%23efefef%20100%25)%3B%20%2F*%20Opera%2011.10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20-ms-linear-gradient(top%2C%20%23ffffff%200%25%2C%23efefef%20100%25)%3B%20%2F*%20IE10%2B%20*%2F%3Cbr%20%2F%3E%0Abackground%3A%20linear-gradient(top%2C%20%23ffffff%200%25%2C%23efefef%20100%25)%3B%20%2F*%20W3C%20*%2F%3Cbr%20%2F%3E%0Afilter%3A%20progid%3ADXImageTransform.Microsoft.gradient(%20startColorstr%3D'%23ffffff'%2C%20endColorstr%3D'%23efefef'%2CGradientType%3D0%20)%3B%20%2F*%20IE6-9%20*%2F%3Cbr%20%2F%3E%0A-webkit-border-radius%3A%20180px%3B%3Cbr%20%2F%3E%0A-moz-border-radius%3A%20180px%3B%3Cbr%20%2F%3E%0Aborder-radius%3A%20180px%3B%3Cbr%20%2F%3E%0Aborder%3A10px%20solid%20%238e8e8e%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.numbers%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09display%3Ablock%3B%3Cbr%20%2F%3E%0A%09%09font-family%3A%20Georgia%2C%20%22Times%20New%20Roman%22%2C%20Times%2C%20serif%3B%3Cbr%20%2F%3E%0A%09%09font-size%3A32px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberone%20%7B%3Cbr%20%2F%3E%0A%09top%3A%2085px%3B%3Cbr%20%2F%3E%0Aright%3A%20150px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbertwo%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20135px%3B%3Cbr%20%2F%3E%0A%09right%3A%20100px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberthree%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20200px%3B%3Cbr%20%2F%3E%0A%09right%3A%2085px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberfour%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20265px%3B%3Cbr%20%2F%3E%0Aright%3A%20100px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberfive%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20310px%3B%3Cbr%20%2F%3E%0Aright%3A%20150px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbersix%20%7B%3Cbr%20%2F%3E%0Atop%3A%20330px%3B%3Cbr%20%2F%3E%0Aright%3A%20215px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbereleven%20%7B%3Cbr%20%2F%3E%0A%09top%3A%2085px%3B%3Cbr%20%2F%3E%0Aleft%3A%20150px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberten%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20135px%3B%3Cbr%20%2F%3E%0Aleft%3A%20100px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbereight%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20265px%3B%3Cbr%20%2F%3E%0Aleft%3A%20100px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numberseven%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20310px%3B%3Cbr%20%2F%3E%0Aleft%3A%20150px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbernine%20%7B%3Cbr%20%2F%3E%0A%09top%3A%20200px%3B%3Cbr%20%2F%3E%0A%09left%3A%2085px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23numbertwelve%20%7B%3Cbr%20%2F%3E%0A%09top%3A%2070px%3B%3Cbr%20%2F%3E%0A%09right%3A%20208px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.minutes%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09width%3A%203px%3B%3Cbr%20%2F%3E%0A%09%09height%3A%2015px%3B%3Cbr%20%2F%3E%0A%09%09top%3A%2053px%3B%3Cbr%20%2F%3E%0A%09%09left%3A%20220px%3B%3Cbr%20%2F%3E%0A%09%09background%3A%20%238e8e8e%3B%3Cbr%20%2F%3E%0A%09%09-webkit-transform-origin%3A%2050%25%20170px%3B%3Cbr%20%2F%3E%0A%09%09-moz-transform-origin%3A%2050%25%20170px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E.fiveminutes%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09width%3A%203px%3B%3Cbr%20%2F%3E%0A%09%09height%3A%2025px%3B%3Cbr%20%2F%3E%0A%09%09top%3A%2053px%3B%3Cbr%20%2F%3E%0A%09%09left%3A%20220px%3B%3Cbr%20%2F%3E%0A%09%09background%3A%20%23000%3B%3Cbr%20%2F%3E%0A%09%09-webkit-transform-origin%3A%2050%25%20170px%3B%3Cbr%20%2F%3E%0A%09%09-moz-transform-origin%3A%2050%25%20170px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23one%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(6deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(6deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23two%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(12deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(12deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23three%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(18deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(18deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23four%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(24deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(24deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23five%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(30deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(30deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23six%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(36deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(36deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23seven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(42deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(42deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23eight%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(48deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(48deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23nine%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(54deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(54deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23ten%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(60deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(60deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23eleven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(66deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(66deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twelve%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(72deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(72deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(78deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(78deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(84deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(84deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fifteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(90deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(90deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23sixteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(96deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(96deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23seventeen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(102deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(102deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23eighteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(108deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(108deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23nineteen%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(114deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(114deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23twenty%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(120deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(120deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23twentyone%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(126deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(126deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentytwo%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(132deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(132deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentythree%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(138deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(138deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentyfour%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(144deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(144deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23twentyfive%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(150deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(150deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23twentysix%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(156deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(156deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentyseven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(162deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(162deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentyeight%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(168deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(168deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23twentynine%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(174deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(174deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23thirty%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(180deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(180deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23thirtyone%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(186deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(186deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtytwo%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(192deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(192deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtythree%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(198deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(198deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23thirtyfour%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(204deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(204deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23thirtyfive%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(210deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(210deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtysix%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(216deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(216deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtyseven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(222deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(222deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtyeight%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(228deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(228deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23thirtynine%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(234deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(234deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourty%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(240deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(240deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fourtyone%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(246deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(246deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fourtytwo%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(252deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(252deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourtythree%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(258deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(258deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fourtyfour%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(264deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(264deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fourtyfive%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(270deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(270deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fourtysix%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(276deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(276deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourtyseven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(282deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(282deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourtyeight%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(288deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(288deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fourtynine%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(294deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(294deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fifty%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(300deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(300deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fiftyone%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(306deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(306deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fiftytwo%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(312deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(312deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fiftythree%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(318deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(318deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fiftyfour%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(324deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(324deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fiftyfive%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(330deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(330deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23fiftysix%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(336deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(336deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fiftyseven%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(342deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(342deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fiftyeight%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(348deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(348deg)%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%23fiftynine%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(354deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(354deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23sixty%20%7B%3Cbr%20%2F%3E%0A%09-webkit-transform%3A%20rotate(0deg)%3B%3Cbr%20%2F%3E%0A%09-moz-transform%3A%20rotate(0deg)%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23minhand%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09width%3A%208px%3B%3Cbr%20%2F%3E%0A%09%09height%3A%20160px%3B%3Cbr%20%2F%3E%0A%09%09top%3A%2090px%3B%3Cbr%20%2F%3E%0A%09%09left%3A%20218px%3B%3Cbr%20%2F%3E%0A%09%09-webkit-border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09-moz-border-radius%3A%205px%3B%3Cbr%20%2F%3E%0A%09%09border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09background%3A%20black%3B%3Cbr%20%2F%3E%0A%09%09-webkit-transform-origin%3A%2050%25%20131px%3B%3Cbr%20%2F%3E%0A%09%09-moz-transform-origin%3A%2050%25%20131px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23hourhand%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09width%3A%208px%3B%3Cbr%20%2F%3E%0A%09%09height%3A%20130px%3B%3Cbr%20%2F%3E%0A%09%09top%3A%20120px%3B%3Cbr%20%2F%3E%0A%09%09left%3A%20218px%3B%3Cbr%20%2F%3E%0A%09%09-webkit-border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09-moz-border-radius%3A%205px%3B%3Cbr%20%2F%3E%0A%09%09border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09background%3A%20%23000%3B%3Cbr%20%2F%3E%0A%09%09-webkit-transform-origin%3A%2050%25%20100px%3B%3Cbr%20%2F%3E%0A%09%09-moz-transform-origin%3A%2050%25%20100px%3B%3Cbr%20%2F%3E%0A%7D%3C%2Fp%3E%0A%3Cp%3E%0A%3C%2Fp%3E%0A%3Cp%3E%23sechand%20%7B%3Cbr%20%2F%3E%0A%09%09position%3A%20absolute%3B%3Cbr%20%2F%3E%0A%09%09width%3A%204px%3B%3Cbr%20%2F%3E%0A%09%09height%3A%20160px%3B%3Cbr%20%2F%3E%0A%09%09top%3A%2090px%3B%3Cbr%20%2F%3E%0A%09%09left%3A%20220px%3B%3Cbr%20%2F%3E%0A%09%09-webkit-border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09-moz-border-radius%3A%205px%3B%3Cbr%20%2F%3E%0A%09%09border-radius%3A%207px%3B%3Cbr%20%2F%3E%0A%09%09background%3A%20red%3B%3Cbr%20%2F%3E%0A%09%09-webkit-transform-origin%3A%2050%25%20131px%3B%3Cbr%20%2F%3E%0A%09%09-moz-transform-origin%3A%2050%25%20131px%3B%3Cbr%20%2F%3E%0A%7D%3Cbr%20%2F%3E%0A%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<style>" title="<style>" /> <div id="wrapper"> <div class="clock"> <div class="clockhighlight1"> <div class="clockface"> <div id="sixty" class="fiveminutes"></div> <div id="one" class="minutes"></div> <div id="two" class="minutes"></div> <div id="three" class="minutes"></div> <div id="four" class="minutes"></div> <div id="five" class="fiveminutes"></div> <div id="six" class="minutes"></div> <div id="seven" class="minutes"></div> <div id="eight" class="minutes"></div> <div id="nine" class="minutes"></div> <div id="ten" class="fiveminutes"></div> <div id="eleven" class="minutes"></div> <div id="twelve" class="minutes"></div> <div id="thirteen" class="minutes"></div> <div id="fourteen" class="minutes"></div> <div id="fifteen" class="fiveminutes"></div> <div id="sixteen" class="minutes"></div> <div id="seventeen" class="minutes"></div> <div id="eighteen" class="minutes"></div> <div id="nineteen" class="minutes"></div> <div id="twenty" class="fiveminutes"></div> <div id="twentyone" class="minutes"></div> <div id="twentytwo" class="minutes"></div> <div id="twentythree" class="minutes"></div> <div id="twentyfour" class="minutes"></div> <div id="twentyfive" class="fiveminutes"></div> <div id="twentysix" class="minutes"></div> <div id="twentyseven" class="minutes"></div> <div id="twentyeight" class="minutes"></div> <div id="twentynine" class="minutes"></div> <div id="thirty" class="fiveminutes"></div> <div id="thirtyone" class="minutes"></div> <div id="thirtytwo" class="minutes"></div> <div id="thirtythree" class="minutes"></div> <div id="thirtyfour" class="minutes"></div> <div id="thirtyfive" class="fiveminutes"></div> <div id="thirtysix" class="minutes"></div> <div id="thirtyseven" class="minutes"></div> <div id="thirtyeight" class="minutes"></div> <div id="thirtynine" class="minutes"></div> <div id="fourty" class="fiveminutes"></div> <div id="fourtyone" class="minutes"></div> <div id="fourtytwo" class="minutes"></div> <div id="fourtythree" class="minutes"></div> <div id="fourtyfour" class="minutes"></div> <div id="fourtyfive" class="fiveminutes"></div> <div id="fourtysix" class="minutes"></div> <div id="fourtyseven" class="minutes"></div> <div id="fourtyeight" class="minutes"></div> <div id="fourtynine" class="minutes"></div> <div id="fifty" class="fiveminutes"></div> <div id="fiftyone" class="minutes"></div> <div id="fiftytwo" class="minutes"></div> <div id="fiftythree" class="minutes"></div> <div id="fiftyfour" class="minutes"></div> <div id="fiftyfive" class="fiveminutes"></div> <div id="fiftysix" class="minutes"></div> <div id="fiftyseven" class="minutes"></div> <div id="fiftyeight" class="minutes"></div> <div id="fiftynine" class="minutes"></div> <div id="numbertwelve" class="numbers">12</div> <div id="numberone" class="numbers">1</div> <div id="numbertwo" class="numbers">2</div> <div id="numberthree" class="numbers">3</div> <div id="numberfour" class="numbers">4</div> <div id="numberfive" class="numbers">5</div> <div id="numbersix" class="numbers">6</div> <div id="numberseven" class="numbers">7</div> <div id="numbereight" class="numbers">8</div> <div id="numbernine" class="numbers">9</div> <div id="numberten" class="numbers">10</div> <div id="numbereleven" class="numbers">11</div> <div id="hourhand"></div> <div id="sechand"></div> <div id="minhand"></div> <div id="centerPoint"></div> </div> </div> </div> </div> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20src%3D%22http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.7.1%2Fjquery.min.js%22%20language%3D%22javascript%22%3E%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20language%3D%22javascript%22%3E%0A%09%24(document).ready(function()%20%7B%0A%20%20%20%20%20%09var%20timer%3DsetInterval(%22getTime()%22%2C1000)%3B%0A%7D)%3B%0A%0A%09%09%20function%20getTime()%20%7B%0A%09%09%09var%20d%20%3D%20new%20Date()%3B%0A%09%09%09var%20hours%20%3D%20d.getHours()%3B%0A%09%09%09var%20minute%20%3D%20d.getMinutes()%3B%0A%09%09%09var%20seconds%20%3D%20d.getSeconds()%3B%09%0A%09%09%09var%20hourRotate%3B%0A%09%09%09var%20minRotate%3B%0A%09%09%09var%20secRotate%3B%0A%09%09%09%0A%09%09%09%09hours%20%3D%20((hours%20%3E%2012)%20%3F%20hours%20-%2012%20%3A%20hours)%3B%0A%09%09%09%09if%20(minute%20%3D%3D%3D%200)%7B%0A%09%09%09%09%09minRotate%20%3D%200%3B%0A%09%09%09%09%7Delse%7B%0A%09%09%09%09%09minRotate%20%3D%20minute*6%3B%0A%09%09%09%09%7D%0A%09%09%09%09if%20(seconds%20%3D%3D%3D%200)%7B%0A%09%09%09%09%09secRotate%20%3D%200%3B%0A%09%09%09%09%7Delse%7B%0A%09%09%09%09%09secRotate%20%3D%20seconds*6%3B%0A%09%09%09%09%7D%0A%09%09%09%09if%20(hours%20%3D%3D%3D%2012)%7B%0A%09%09%09%09%09hourRotate%20%3D%200%3B%0A%09%09%09%09%7Delse%7B%0A%09%09%09%09%09hourRotate%20%3D%20(hours*30)%20%2B%20(minute%2F2)%20%3B%0A%09%09%09%09%09%0A%09%09%09%09%7D%0A%09%09%09%20%2F%2Fdocument.write(%20hourRotate%20%2B%20%22%3A%22%20%2B%20minRotate%20%2B%20%20%22%3A%22%20%2B%20secRotate)%3B%0A%09%09%09%20var%20srotate%20%3D%20%22rotate(%22%20%2B%20secRotate%20%2B%20%22deg)%22%3B%0A%20%20%20%20%20%20%24(%22%23sechand%22).css(%7B%22-moz-transform%22%20%3A%20srotate%2C%20%22-webkit-transform%22%20%3A%20srotate%7D)%3B%0A%09%09%09%20var%20hrotate%20%3D%20%22rotate(%22%20%2B%20hourRotate%20%2B%20%22deg)%22%3B%0A%20%20%20%20%20%20%24(%22%23hourhand%22).css(%7B%22-moz-transform%22%20%3A%20hrotate%2C%20%22-webkit-transform%22%20%3A%20hrotate%7D)%3B%0A%09%09%09%20var%20mrotate%20%3D%20%22rotate(%22%20%2B%20minRotate%20%2B%20%22deg)%22%3B%0A%20%20%20%20%20%20%24(%22%23minhand%22).css(%7B%22-moz-transform%22%20%3A%20mrotate%2C%20%22-webkit-transform%22%20%3A%20mrotate%7D)%3B%0A%09%09%7D%0A%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="<script>" title="<script>" /> <span style="font-family: Tahoma;"><a href="http://sourcecodeaplikasi.info/" target="_blank"><span style="font-size: 8pt; text-decoration: none;">HTML Best Codes</span></a></span>
Download source code jam analog
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
