Şu Saat Kodunu İstediğim Gibi Nasıl Yapabilirim?

Aşağıdaki gibi bir saat kodu var elimde, PM ve AM olarak 12+12 şeklinde saati gösteriyor ancak ben 24'lük dilimde göstermesini istiyorum, yerine ne kullanmalıyım?

Aşağıdaki gibi bir saat kodu var elimde, PM ve AM olarak 12+12 şeklinde saati gösteriyor ancak ben 24'lük dilimde göstermesini istiyorum, yerine ne kullanmalıyım?

function showTime(){
var date = new Date();
var h = date.getHours(); // 0 - 23
var m = date.getMinutes(); // 0 - 59
var s = date.getSeconds(); // 0 - 59
var session = "AM";

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

if(h > 12){
h = h - 12;
session = "PM";
}

h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;

var time = h + ":" + m + ":" + s + " " + session;
document.getElementById("MyClockDisplay").innerText = time;
document.getElementById("MyClockDisplay").textContent = time;

setTimeout(showTime, 1000);

}

showTime();

function updateClock() {
var currentTime = new Date();
// Operating System Clock Hours for 12h clock
var currentHoursAP = currentTime.getHours();
// Operating System Clock Hours for 24h clock
var currentHours = currentTime.getHours();
// Operating System Clock Minutes
var currentMinutes = currentTime.getMinutes();
// Operating System Clock Seconds
var currentSeconds = currentTime.getSeconds();
// Adding 0 if Minutes & Seconds is More or Less than 10
currentMinutes = (currentMinutes < 10 ? "0" : "") + currentMinutes;
currentSeconds = (currentSeconds < 10 ? "0" : "") + currentSeconds;
// Picking "AM" or "PM" 12h clock if time is more or less than 12
var timeOfDay = (currentHours < 12) ? "AM" : "PM";
// transform clock to 12h version if needed
currentHoursAP = (currentHours > 12) ? currentHours - 12 : currentHours;
// transform clock to 12h version after mid night
currentHoursAP = (currentHoursAP == 0) ? 12 : currentHoursAP;
// display first 24h clock and after line break 12h version
var currentTimeString = "24h kello: " + currentHours + ":" + currentMinutes + ":" + currentSeconds + "" + "<br>" + "12h kello: " + currentHoursAP + ":" + currentMinutes + ":" + currentSeconds + " " + timeOfDay;
// print clock js in div #clock.
$("#clock").html(currentTimeString);}
$(document).ready(function () {
setInterval(updateClock, 1000);
});

PHP içinde şu şekildede olabilir bir üst yorumdaki gibide olabilir.
timer.php oluşturup içine aşağıdaki kodu yazabilirsin. Saniye başı sayfa yenilemeden kendi içinde yenileme yapar..

<? date_default_timezone_set('Europe/Istanbul'); ?>
<div id="times"><?=date("H:i:s");?></div>
<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
<script>
setInterval(function() {$("#times").load('timer.php');}, 1000);
</script>

function showTime(){
var date = new Date();
var h = date.getHours(); // 0 - 23
var m = date.getMinutes(); // 0 - 59
var s = date.getSeconds(); // 0 - 59

h = (h < 10) ? "0" + h : h;
m = (m < 10) ? "0" + m : m;
s = (s < 10) ? "0" + s : s;

var time = `${h}:${m}:${s}`;
document.getElementById("MyClockDisplay").innerText = time;
document.getElementById("MyClockDisplay").textContent = time;

setTimeout(showTime, 1000);

}

showTime();

Bu da kullanılabilir, aynı işlevi görüyor;

function showTime(){
let date = new Date();
let h = date.getHours(); // 0 - 23
let m = date.getMinutes(); // 0 - 59
let s = date.getSeconds(); // 0 - 59

let time = `${h < 10 ? `0${h}` : h}:${m < 10 ? `0${m}` : m}:${s < 10 ? `0${s}` : s}`;
document.getElementById("MyClockDisplay").innerText = time;
document.getElementById("MyClockDisplay").textContent = time;

setTimeout(showTime, 1000);
}

showTime();

Teşekkürler arkadaşlar yaptım.