JS Clock

by Mandar Badve

HTML

<!-- some SEO and styling tweak-->
<title>Qlock - A JavaScript Quine Clock</title>
<meta property="og:title" content="Qlock - A JavaScript Quine Clock">
<meta property="og:url" content="https://aem1k.com/qlock">
<meta property="og:image" content="https://aem1k.com/qlock/preview.png">
<meta property="og:description" content="Displays the current time in a seven-segment style, embedded within its own JavaScript source code. (321 bytes)">
<meta name="twitter:card" content="summary_large_image">

CSS

body {
    background-color: black;
    color: #FFf;
    padding: 9vw;
    font-size: 2vw;
  }

  @media screen and (min-width: 1000px) {
    body {
      font-size: 20px;
    }
  }

JavaScript

(r=n=>setInterval(t=>{for(j=o="\n",y=5;y--;document.body['inne'
+'rHTML']="<pre>&lt"+(S="script>\n")+o+"\n\n&lt/"+S)for(x=-001;
x++<63;o+=`(r=${r})()`[j++].fontcolor(c?'#FF0':"#444"))c=x/2%4<
3&&[31599,19812,14479,31207,23524,29411,29679,30866,31727,31719
,1040][(D=Date()[16+(x/8|0)])<10?D:10]&1<<(x/2|0)%4+3*y},100))()