JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<span id="spanDate"></span

JavaScript

/*
every second, 
    create random char from regex, 
        write char "different of previous one" to each class='num'AS-span.child of timer.
*/
window.onload = function() {
    var d = new Date();
    var weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
    var monthname = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
    
    var hours = d.getHours();
    var minutes = d.getMinutes();
    var seconds = d.getSeconds();
    
    
    
    
    
    
    
    
    
    // Set your output to a variable
    var output = hexHours + ":" + hexMinutes + ":" +  hexSeconds;
    
    var chars = "¿ÆÐßþœ‡†øƒ";
	var string_length = 2;
	var randomstring = '';
    var ran1 = '';
    var ran2 = '';
    var ran3 = '';
    var hexHours = hours;
    var hexMinutes = minutes;
    var hexSeconds = seconds;
	for (var i=0; i<string_length; i++) {
		var rnum1 = Math.floor(Math.random() *chars.length);
        var rnum2 = Math.floor(Math.random() * chars.length);
        var rnum3 = Math.floor(Math.random() * chars.length);
		ran1 += chars.substring(rnum1,rnum1+1);
        ran2 += chars.substring(rnum2,rnum2+1);
        ran3 += chars.substring(rnum3,rnum3+1);
        randomstring = ran1+":"+ran2+":"+ran3;
	}
	//document.randform.randomfield.value = randomstring;
    
    document.getElementById('spanDate').innerHTML = randomstring;
    

    // Target the ID of the span and update the HTML
    //document.getElementById('spanDate').innerHTML = output;
};