85 lines
2.9 KiB
JavaScript
85 lines
2.9 KiB
JavaScript
// Minimal CoBiE analog clock logic
|
|
const COBIE_EPOCH = 0;
|
|
const COBIE_UNITS = {
|
|
second: 1,
|
|
xenocycle: 0x10,
|
|
quantic: 0x100,
|
|
chronon: 0x1000,
|
|
eonstrip: 0x10000
|
|
};
|
|
function floorDiv(a,b){ return Math.trunc(a/b); }
|
|
function getTAIOffsetAt(date){
|
|
const taiEpoch = new Date('1958-01-01T00:00:00Z');
|
|
if(date < taiEpoch) return 0;
|
|
const leapSeconds=[
|
|
{date:'1972-01-01T00:00:00Z',offset:10},
|
|
{date:'1972-07-01T00:00:00Z',offset:11},
|
|
{date:'1973-01-01T00:00:00Z',offset:12},
|
|
{date:'1974-01-01T00:00:00Z',offset:13},
|
|
{date:'1975-01-01T00:00:00Z',offset:14},
|
|
{date:'1976-01-01T00:00:00Z',offset:15},
|
|
{date:'1977-01-01T00:00:00Z',offset:16},
|
|
{date:'1978-01-01T00:00:00Z',offset:17},
|
|
{date:'1979-01-01T00:00:00Z',offset:18},
|
|
{date:'1980-01-01T00:00:00Z',offset:19},
|
|
{date:'1981-07-01T00:00:00Z',offset:20},
|
|
{date:'1982-07-01T00:00:00Z',offset:21},
|
|
{date:'1983-07-01T00:00:00Z',offset:22},
|
|
{date:'1985-07-01T00:00:00Z',offset:23},
|
|
{date:'1988-01-01T00:00:00Z',offset:24},
|
|
{date:'1990-01-01T00:00:00Z',offset:25},
|
|
{date:'1991-01-01T00:00:00Z',offset:26},
|
|
{date:'1992-07-01T00:00:00Z',offset:27},
|
|
{date:'1993-07-01T00:00:00Z',offset:28},
|
|
{date:'1994-07-01T00:00:00Z',offset:29},
|
|
{date:'1996-01-01T00:00:00Z',offset:30},
|
|
{date:'1997-07-01T00:00:00Z',offset:31},
|
|
{date:'1999-01-01T00:00:00Z',offset:32},
|
|
{date:'2006-01-01T00:00:00Z',offset:33},
|
|
{date:'2009-01-01T00:00:00Z',offset:34},
|
|
{date:'2012-07-01T00:00:00Z',offset:35},
|
|
{date:'2015-07-01T00:00:00Z',offset:36},
|
|
{date:'2017-01-01T00:00:00Z',offset:37}
|
|
];
|
|
for(let i=0;i<leapSeconds.length;i++){
|
|
const d=new Date(leapSeconds[i].date);
|
|
if(date<d) return i===0?10:leapSeconds[i-1].offset;
|
|
}
|
|
return 37;
|
|
}
|
|
function toCobiets(date){
|
|
const utcSec=floorDiv(date.getTime(),1000);
|
|
const taiSec=utcSec+getTAIOffsetAt(date);
|
|
return taiSec-COBIE_EPOCH;
|
|
}
|
|
function placeMarkers(){
|
|
const clock=document.getElementById('clock');
|
|
const radius=clock.offsetWidth/2-20;
|
|
for(let i=0;i<16;i++){
|
|
const angle=i/16*2*Math.PI;
|
|
const x=radius*Math.sin(angle);
|
|
const y=-radius*Math.cos(angle);
|
|
const m=document.createElement('div');
|
|
m.className='marker';
|
|
m.textContent=i.toString(16).toUpperCase();
|
|
m.style.left=`${clock.offsetWidth/2+x}px`;
|
|
m.style.top=`${clock.offsetHeight/2+y}px`;
|
|
clock.appendChild(m);
|
|
}
|
|
}
|
|
function updateClock(){
|
|
const now=new Date();
|
|
const cob=toCobiets(now);
|
|
const xf=(cob%COBIE_UNITS.quantic)/COBIE_UNITS.quantic;
|
|
const qf=(cob%COBIE_UNITS.chronon)/COBIE_UNITS.chronon;
|
|
const cf=(cob%COBIE_UNITS.eonstrip)/COBIE_UNITS.eonstrip;
|
|
document.getElementById('handXeno').style.transform=`rotate(${xf*360}deg)`;
|
|
document.getElementById('handQuantic').style.transform=`rotate(${qf*360}deg)`;
|
|
document.getElementById('handChronon').style.transform=`rotate(${cf*360}deg)`;
|
|
}
|
|
window.addEventListener('load',()=>{
|
|
placeMarkers();
|
|
updateClock();
|
|
setInterval(updateClock,1000);
|
|
});
|