praytime
Version:
A JavaScript library for calculating prayer times.
41 lines (33 loc) • 1.13 kB
HTML
<html>
<head>
<title>Daily Prayer Times</title>
<meta name="author" content="Hamid Zarrabi-Zadeh">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<script src="../src/praytime.js"></script>
</head>
<body>
<h3>Waterloo, ON, Canada</h3>
<div></div>
<script>
const praytime = new PrayTime('ISNA');
// Set Waterloo coordinates
const coords = [43.5, -80.5];
// get UTC offset from system
const timeZone = 'America/Toronto',
today = new Intl.DateTimeFormat("en-US", { timeZone, timeZoneName: "short" }).format(new Date()),
offset = today.endsWith('EDT') ? -4 : -5;
// get prayer times
const times = praytime.location(coords).utcOffset(offset).times();
// display prayer times
document.getElementsByTagName('div')[0].innerHTML = `
<table class="daily">
<tr><th colspan="2">${today}</th></tr>
${['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha', 'Midnight'].map(label => `
<tr><td>${label}</td><td>${times[label.toLowerCase()]}</td></tr>
`).join('')}
</table>`;
</script>
</body>
</html>