1.0.8 • Published 3 years ago
jquery-prayer-times v1.0.8
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 --saveor
<!-- 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