nono.ma

What Colour Is It?
design. code. simplicity.

A simple concept that provides a different way to look at the time of the day.

Check out the live site at What Colour Is It.

And this is all its JavaScript code:

function dotime() {

$("body").css({"transition": "all 0.8s", "-webkit-transition": "all 0.8s"});

var d = new Date();
var hours = d.getHours();
var mins = d.getMinutes();
var secs = d.getSeconds();

if (hours < 10){hours = "0" + hours};
if (mins < 10){mins = "0" + mins};
if (secs < 10){secs = "0" + secs};

hours.toString();
mins.toString();
secs.toString();

var hex = "#" + hours + mins + secs;

$("#t").html(hours +" : "+ mins +" : "+ secs);
$("#h").html(hex);

document.body.style.background = hex;

setTimeout(function(){ dotime();}, 1000);
}

(via @daninatoli)

December 23, 2014

CodeDesign