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

0 vote144 views1 answer
Css bootstrap refresh icon
Html
20 votes137 views4 answers
Bootstrap col center content
Html
1 vote138 views1 answer
Html table cell full width
Html
2 votes138 views3 answers
How to make a html css js editor
Html
75 votes151 views5 answers
Copyright symbol in html
Html
1 vote143 views1 answer
Typo3 pass argument to action
Html
1 vote165 views1 answer
Javascript window.print
Html
0 vote161 views1 answer
Div tag in html
Html
0 vote184 views1 answer
Bootstrap soft corner
Html
41 votes180 views3 answers
Css in reactjs
Html