JSFiddle - React, Tailwind, and code Playground

by speakman

HTML

<div>Klockan: 
<span id="klockan"></span>
</div>

JavaScript

var m_bPSIsActive = false,
    oClock = "klockan",
    m_bClockDel = false,
    m_lTimeOffset = 0,
    m_bTimeSync = true;

function showTime()
{
    var sTxt = "";
    
	if ( m_bPSIsActive == true )
	{
		document.getElementById(oClock).innerHTML = "Stämpling aktiv!";
		return;
	}

    var oDate = new Date();
    var localSec = oDate.getHours()*3600 + oDate.getMinutes()*60 + oDate.getSeconds();
    
    if ( m_bTimeSync == true )
    {
        /*
        m_bTimeSync = false;
        
        var sURL = "";
        
	    var AjaxParam = new Object();
	    sURL = "MvWebLogon.dll?GetServerTime&localsec=" + localSec + "&ajax=" + Math.random();
		
	    AjaxParam.URL			= sURL;
	    AjaxParam.HtmlElementId = null;
	    AjaxParam.OpenType		= 'GET';
	    AjaxParam.responseText	= "";

	    makeSyncAjaxReq(AjaxParam);
	    
        m_lTimeOffset = parseInt(AjaxParam.responseText);
        */
        m_lTimeOffset = 10;
    }
    
    localSec += m_lTimeOffset;
    
    if( localSec < 0 )
        localSec = 86400 + localSec;
    else if( localSec > 86400 )
        localSec -= 86400;
        
    oDate.setHours(localSec/3600);
    oDate.setMinutes((localSec%3600-localSec%60)/60);
    oDate.setSeconds(localSec%60);
	
    var hh	= oDate.getHours(),
	    mm 	= oDate.getMinutes();

    hh	= "0" + hh;
    mm	= "0" + mm;
    hh	= hh.substring(hh.length-2,hh.length);
    mm	= mm.substring(mm.length-2,mm.length);
	
	if ( m_bClockDel == true )
	{
		sTxt = hh + ":" + mm;
		m_bClockDel = false;
	}
	else
	{
		sTxt = hh + " " + mm;
		m_bClockDel = true;
	}

	if ( document.getElementById(oClock) )
	{
		document.getElementById(oClock).innerHTML=sTxt;    
	}
	
    setTimeout(function(){showTime(false)}, 1000);
}

showTime();