praytime
Version:
A JavaScript library for calculating prayer times.
37 lines (30 loc) • 1.01 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>Toronto, ON, Canada</h3>
<div></div>
<script>
const praytime = new PrayTime('ISNA');
// Toronto coordinates
const coords = [43.65, -79.4];
// get prayer times
const times = praytime.location(coords).timezone('America/Toronto').getTimes();
// display prayer times
const today = new Intl.DateTimeFormat("en-US", { year: "numeric", month: "long", day: "numeric" }).format();
document.getElementsByTagName('div')[0].innerHTML = `
<table class="daily">
<tr><th colspan="2">${today}</th></tr>
${['Fajr', 'Sunrise', 'Dhuhr', 'Asr', 'Maghrib', 'Isha'].map(label => `
<tr><td>${label}</td><td>${times[label.toLowerCase()]}</td></tr>
`).join('')}
</table>`;
</script>
</body>
</html>