jquery-prayer-times

A small jQuery plugin for displaying Muslim Prayer Times.

Features!

• English/Arabic language support.
• Auto detect visitor location. (Limited to 1,000 requests per day).
• Store data in local storage to make one request per user per day.
• 13 Different Calculation Methods.
• 2 Calculation Methods for Asr Time. (Shafei/Hanafi).
• 2 Formats for time. (24-hour/12-hour).
• Ability to show/hide additional times. (imsak, sunrise, sunset and midnight).

Install

$ npm install jquery-prayer-times --save

or

<!-- jquery file -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- jquery.prayer.times file -->
<script src="jquery.prayer.times.min.js"></script>

Examples:

<!-- prayer times will be appended to this div -->
<div class="prayer-times"></div>

1- Default:

$('.prayer-times').prayerTimes();

2- Arabic:

$('.prayer-times').prayerTimes({ arabic: true });

Options:

Prop	Type	Description	Default
method	number	A prayer times calculation method. Methods identify various schools of thought about how to compute the timings. Available Methods: 1 - University of Islamic Sciences, Karachi 2 - Islamic Society of North America (ISNA) 3 - Muslim World League 4 - Umm Al-Qura University, Makkah 5 - Egyptian General Authority of Survey 7 - Institute of Geophysics, University of Tehran 8 - Gulf Region 9 - Kuwait 10 - Qatar 11 - Majlis Ugama Islam Singapura, Singapore 12 - Union Organization islamic de France 13 - Diyanet İşleri Başkanlığı, Turkey 14 - Spiritual Administration of Muslims of Russia	4
school	number	Asr calculation method. Available Methods: 0 - Shafei 1 - Hanafi	0
country	string	A country name or 2 character alpha ISO 3166 code. (Examples: SA or Saudi Arabia) If you leave this empty, it defaults to user country.	null
city	string	A city name. (Example: Mecca) If you leave this empty, it defaults to user city.	null
imsak	boolean	Set to true or false to show or hide the imsak time	true
sunrise	boolean	Set to true or false to show or hide the sunrise time	true
sunset	boolean	Set to true or false to show or hide the sunset time	true
midnight	boolean	Set to true or false to show or hide the midnight time	true
arabic	boolean	Set to true or false to display in arabic	false
militaryTime	boolean	Set to true or false to switch between 24-hour and 12-hour formats	true
outputEl	'table' | 'ul'	Determine an HTML element to print timings.	'table'

3- Customized:

$('.prayer-times').prayerTimes({
  arabic: true,
  method: 5,
  militaryTime: false,
  imsak: false,
  sunset: false,
  midnight: false
});

License

MIT