<div id="time_new_york"></div>
<div id="time_paris"></div>
<div id="time_moscow"></div>

const ZONE_LIST = [
'America/New_York',
'Europe/Paris',
'Europe/Moscow',
'Europe/Istanbul',
'Europe/London',
'Asia/Shanghai'
];


const INIT_PROPS = ZONE_LIST.map(function(ZONE){
let elem_id = "time_"+ZONE.split('/')[1].toLowerCase();
return {
el:document.getElementById(elem_id),
id:elem_id,
timeZone:ZONE
}
});


//Yukarıdaki kod ile zaman dilimlerini belirleyerek aşağıdaki kodları çoğaltıp ilgili alanları değişiyorum. yer1, yer2..


function format(saatcek) {
var bSaat = saatcek.toString();
if (bSaat.length == 1) {
return "0" + bSaat;
} else {
return bSaat;
}}
function saatGuncelleme(elem,zone) { //elementi ve bölgeyi gönderiyoruz. //Burada bilgisayarımızdan saati çekiyoruz.
//var tarih = new Date();

//var TimeZone = new Date(tarih.toLocaleString('en-US', { timeZone: yer })); //yer ismini çoğaltınca değişiyorum.
let time = new Date(new Date().toLocaleString('en-US', { timeZone: zone }))

if(elem){
let saat = time.getHours(); //Burada saati çekiyoruz.
let dakika = time.getMinutes(); //Burada dakikayı çekiyoruz.
let saniye = time.getSeconds(); //Burada saniyeyi çekiyoruz.

elem.textContent = format(saat) + ":" + format(dakika) + ":" + format(saniye); //Burada ekranımıza çıktımızı veriyoruz. assat ismini çoğaltınca değişiyorum
}
}

INIT_PROPS.forEach(function(PROP){

if(PROP.el){
setInterval(function(){
saatGuncelleme(PROP.el,PROP.timeZone);
},1000)
}else{
console.error(PROP.id+' idsi bulunamadı.');
}

});