let hourFormat = 12;
let isDigital = true;
const cities = {
"New York": "America/New_York",
"London": "Europe/London",
"Dubai": "Asia/Dubai",
"Tokyo": "Asia/Tokyo",
"Sydney": "Australia/Sydney",
"India (IST)": "Asia/Kolkata"
};
function setFormat(format){
hourFormat = format;
document.getElementById("btn12").classList.remove("active");
document.getElementById("btn24").classList.remove("active");
document.getElementById("btn"+format).classList.add("active");
}
function toggleView(){
isDigital = !isDigital;
document.getElementById("digitalClock").style.display = isDigital ? "block":"none";
document.getElementById("analogClock").style.display = isDigital ? "none":"block";
}
function updateTime(){
const now = new Date();
const timeOptions = {
timeZone:"America/New_York",
hour:"2-digit",
minute:"2-digit",
second:"2-digit",
hour12: hourFormat === 12
};
const dateOptions = {
timeZone:"America/New_York",
weekday:"long",
year:"numeric",
month:"long",
day:"numeric"
};
const timeString = new Intl.DateTimeFormat("en-US", timeOptions).format(now);
const dateString = new Intl.DateTimeFormat("en-US", dateOptions).format(now);
document.getElementById("digitalClock").innerHTML = timeString;
document.getElementById("date").innerHTML = dateString;
updateWorldClocks();
}
function updateWorldClocks(){
let output="";
for(let city in cities){
const options={
timeZone:cities[city],
hour:"2-digit",
minute:"2-digit",
second:"2-digit",
hour12:true
};
const time=new Intl.DateTimeFormat("en-US",options).format(new Date());
output+=`${city}: ${time}
`;
}
document.getElementById("worldClocks").innerHTML=output;
}
setInterval(updateTime,1000);
updateTime();
