JSFiddle - React, Tailwind, and code Playground

by basiclaser

HTML

<p id="basic" onclick="switchClick()">a</p>

JavaScript

switchValue = 3;
function updateTime() {
        var currentTime = new Date();
        var hours = currentTime.getHours();
        var minutes = currentTime.getMinutes();
        var seconds = currentTime.getSeconds();
        var hoursB = (hours * 60) * 60; 
        var minutesB = minutes * 60;
        var basic = (hoursB + minutesB + seconds) / 864;

       switch(switchValue)
{
case 1:
setTimeout(updateTime(),1000);   
document.getElementById('basic').innerHTML=basic.toFixed(2); 
  break;
case 2:
 document.getElementById('basic').innerHTML=basic.toFixed(3); 
  break;
case 3:
 document.getElementById('basic').innerHTML=basic.toFixed(4); 
  break;
case 4:
 document.getElementById('basic').innerHTML=basic.toFixed(0); 
  break;
case 5:
 document.getElementById('basic').innerHTML=basic.toFixed(1); 
  break;
default:
  setTimeout(updateTime(),1000);   
document.getElementById('basic').innerHTML=basic.toFixed(2); 
    }
           
}



function switchClick() {
    switchValue = (switchValue + 1) % 5;
    updateTime();
   
}


updateTime();