Free Download Islamic Prayer Time Plugin For jQuery

This time I will share jQuery Plugin and tutorial about Islamic Prayer Time Plugin For jQuery, hope it will help you in programming stack.

A tiny jQuery plugin that gets accurate prayer times from api.aladhan.com and displays them to users based on their location.

Useful for those Muslims who live in non-Islamic countries and cannot hear adhan (or azan) – the call to prayer – 5 times a day.

Features:

1.Include the minified version of the jQuery Prayer Times plugin after jQuery.

`1`	`<script` `src="/path/to/cdn/jquery.min.js"></script>`

`2`	`<script` `src="/path/to/jquery.prayer.times.min.js"></script>`

2. Initialize the plugin on the container element in which you want to display the Prayer Times.

`1`	`<div` `class="prayer-times-container"></div>`

1
$(function(){

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

3
});

3. Change the language to ‘Arabic’. Default: English.

1
$('.prayer-times-container').prayerTimes({

2
  arabic: true

3
});

4. Determine the prayer times calculation method. Default: 4.

1
$('.prayer-times-container').prayerTimes({

2
  method: 4

3
});

5. Determine the Asr calculation method. Default: 0.

1
$('.prayer-times-container').prayerTimes({

2
  school: 1

3
});

6. Specify the city/country name. Default: null (auto detection).

1
$('.prayer-times-container').prayerTimes({

2
  country: 'SA',

3
  city: 'Mecca',

4
});

7. Determine whether to show the imsak, sunrise, sunset, and midnight times. Default: true.

1
$('.prayer-times-container').prayerTimes({

2
  imsak: true,

3
  sunrise: true,

4
  sunset: true,

5
  midnight: true,

6
});

8. Switch between 24-hour and 12-hour formats. Default: true.

1
$('.prayer-times-container').prayerTimes({

2
  militaryTime: false

3
});

9. Customize the output HTML: ‘table'(default) or ‘ul’.

1
$('.prayer-times-container').prayerTimes({

2
  outputEl: 'ul'

3
});