12 responses to “Colour Clock – jQuery/CSS3 rebuild”

  1. Milkcreation

    good adaptation of an excellent good idea. really wonderful work. congratulations !

  2. Milkcreation

    I would you purpose an improvement for avoid jump color transition, at each second or each minutes.
    I simply add a parity test on the bluenum & greennum declaration like this :
    [code]
    if(currentHours%2) {
    greennum = (Math.round(255 * ((currentMinutes) / maxnummins)));
    } else {
    greennum = (Math.round( 255 - ( 255 * ((currentMinutes) / maxnummins))));
    }
    if(currentMinutes%2) {
    bluenum = (Math.round(255 * ((rounded) / maxnumsecs)));
    } else {
    bluenum = (Math.round(255 - ( 255 * ((rounded) / maxnumsecs))));
    }
    [/code]
    It seems work fine …

  3. 14 Best jQuery Clock Tutorials both analog and digital clocks

    [...] Jack Hughes representing time as a hexadecimal value.I rebuilt The Colour Clock using jQuery/CSS3. Read More Demo9. CountDown jQuery pluginThis is an Easy to use animated countdown JavaScript. It is jQuery [...]

  4. 14 using the jQuery analog, digital clock - Open News

    [...] Read More Demo [...]

  5. web前端开发资源-14 个使用 jQuery 开发的模拟、数字时钟 | web前端开发

    [...] Read More Demo [...]

  6. 10+ Cool jQuery Clock Tutorials (Analog and Digital) | jQuery4u

    [...] Source Demo [...]

  7. 10+ Cool jQuery Clock Tutorials (Analog and Digital) | w3easystep

    [...] 5. Colour Clock – jQuery/CSS3 Rebuild The original Colour Clock is a brilliant idea by Jack Hughes representing time as a hexadecimal value.I rebuilt The Colour Clock using jQuery/CSS3. SourceDemo [...]

  8. 14 个使用 jQuery 开发的模拟、数字时钟 – 90互联网数据中心

    [...] Read More Demo [...]

  9. w3easystep » Blog Archive » 10+ Cool jQuery Clock Tutorials (Analog and Digital)

    [...] SourceDemo [...]

Leave a Reply