JSFiddle - React, Tailwind, and code Playground

by nosfan1019

HTML

<span id="full"></span>
<span id="demo"></span>
<span id="demo2"></span>
<span id="demo3"></span>
<span id="demo4"></span>


<p>
function asdf(x) {
        x = x / 10;
        x = Math.round(x) * 15;
        return x;   
    }  
</p>

CSS

p { 
    margin: 100px 0 0; 
    color: #ccc;
}

span {
    display: block;        
    margin: 4px 0 0;
}

JavaScript

$(function () {
    var d = new Date();
    var hours = 1;
    var hoursplus = hours + 1;
    var minutes = 29;
    
    var t_minutes = d.getMinutes();
    var t_hours = d.getHours();
    
    var format = "am";    
     
    function hrs(x) {
        if (x > 11) { format="pm"; }
        if (x > 12) { x = x - 12; }
        if (x == 0) { x = 12; }
        return x                
    }
    
    var hours = hrs(hours);
    var hoursplus = hrs(hoursplus);
    
    if (minutes < 30) { minutes = "30"; } else { minutes = "00";}
    if (minutes == "00") { minutes = "00"; hours = hours + 1}  
    
    $('#full').text(hours + ":" + minutes + format);
    
    $('#demo').text(minutes);
    $('#demo2').text(t_hours + ":" + t_minutes);
                           
    $('#demo3').text("now: " + hours + format);                    
    $('#demo4').text("end: " + hoursplus + format);                    
                    
});