Am pm time html javascript

<script>
function startTime() {
    var today=new Date();
    var h=today.getHours();
    var m=today.getMinutes();
    var s=today.getSeconds();
    var ampm = "";
    m = checkTime(m);
    s = checkTime(s);

    if (h > 12) {
        h = h - 12;
        ampm = " PM";
    } else if (h == 12){
        h = 12;
        ampm = " PM";
    } else if (h < 12){
        ampm = " AM";
    } else {
        ampm = "PM";
    };

    if(h==0) {
    h=12;
    }

document.getElementById('Time').innerHTML = h+":"+m+":"+s+ampm;
var t = setTimeout(function(){startTime()},500);
}
startTime();

function checkTime(i) {
    if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
    return i;
}
</script>

<body onload='startTime()'>
  <div id='Time'></div> <!-- use some css with #Time -->
</body>

Similar codes

17 votes161 views3 answers
Select required
Html
1 vote189 views1 answer
Details balise
Html
0 vote217 views1 answer
Render text as html react
Html
0 vote358 views1 answer
ONLINE VIDEO CALL FOR MY WEBSITE CODE
Html
0 vote160 views1 answer
What if i want a section to take the height of a viewport html
Html
5 votes159 views2 answers
Tabpage in boostrap5
Html
0 vote157 views1 answer
Show html in laravel template
Html
0 vote198 views1 answer
Ipad web hide interface html
Html
-1 vote172 views1 answer
Html image in table
Html
0 vote179 views2 answers
Time in website
Html