Colour Clock in "HTML5"

html5_color_clock.html

<link rel="shortcut icon" type="image/x-icon">
<style>
title{position:absolute;font:8em/8em Arial;top:50%;left:50%;height:1em;margin:-4em 0 0 -2em;text-shadow: 1px 1px 1px #000}
head,title{display:block}
p{opacity:.7}
</style>
<script>
function j(a,b){return Array(++b).join(a)}
function tick(){
 var D=new Date,h=D.getHours(),m=D.getMinutes(),s=D.getSeconds(),
 p=parseInt,d=document,r=p(11.1*h),g=p(4.33*m),b=p(4.33*s);
 d.title=(h>9?h:'0'+h)+':'+(m>9?m:'0'+m)+':'+(s>9?s:'0'+s);
 d.querySelector('html').style.cssText=['-webkit-','-moz-','-o-',,''].join('transition:all 1s;')+
   'color:#fff;font:1em Arial;overflow:hidden;background:rgb('+r+','+g+','+b+')';
 d.querySelector('link').setAttribute('href','data:image/x-icon;base64,Qk3mHQAAAAAAADYAAAAoAAAAMgAAADIAAAABABgAAAAAALAdAAATCwAAEwsAAAAAAAAAAAAA'+
  btoa(j(j(String.fromCharCode(b,g,r),50)+"\0\0",50)));
}
tick();setTimeout(function(){setInterval(tick,1e3)},1e3-new Date().getMilliseconds())
</script><p>HTML5 COLOUR CLOCK.