A small jQuery plugin for displaying Muslim Prayer Times

Overview

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();

alt text


2- Arabic:

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

alt text


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
});

alt text



License

MIT

You might also like...

💪 Reserve machine/rack/bench usage at a gym to minimize waiting times.

💪 Reserve machine/rack/bench usage at a gym to minimize waiting times.

Gym Reservation App 💪 Oscar Su, Amelia Reeves, Nathan Ma Possible name: Pump Program The goal is to reduce/eliminate the time spent waiting on others

Jul 8, 2022

Get a quick hash that uses the well-liked Bernstein "times 33" hash method and delivers a hex string.

short-hash-ts - Get a quick hash that uses the well-liked Bernstein "times 33" hash method and delivers a hex string. Installation Install short-hash

Sep 4, 2022

Site informativo de times, partidas e classificações de futebol (Criado apenas back-end)

Bem vindo ao Trybe Futebol Clube! Esse projeto é uma API RESTfull na qual utiliza arquitetura MSC(model, Service, Controller) para ler,filtrar e criar

Oct 29, 2022

📦 An aframe component for displaying live stock tickers.

📦 An aframe component for displaying live stock tickers.

aframe-stock-ticker An aframe component for displaying live stock tickers. Also works with cryptocurrency and forex. Usage crypto-chart To create a cr

Jun 26, 2022

Displaying actual age in percentage with 9 signs after dot (floating number)

Displaying actual age in percentage with 9 signs after dot (floating number)

Actual Age Chrome Extension Displaying actual age in percentage with 9 signs after dot (floating number) Features Popup You can select your Birth date

Nov 2, 2022

JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.

JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.

Yuriy Chamkoriyski & Bonke Gcobo Javascript capstone project API-based webapp from Module 2 at Microverse Wireframe requirements The Home Page low fid

May 30, 2022

App for displaying geospatial data on queues on the Polish-Ukrainian border.

Live app embedded here. App helps coordinate volunteer work with refugees from Ukraine on Polish-Belarusian Border. Data comes from Grupa Granica – a

Mar 10, 2022

Element for displaying HTML based on THREE.js HTMLMesh

Element for displaying HTML based on THREE.js HTMLMesh

AFrame-HTML a-entity html="#my-interface" position="0 1.5 -0.5"/a-entity Display an interactive HTML element in the scene. html-pointer component

Jan 3, 2023

A lightweight JavaScript library that renders text in a brilliant style by displaying strings of random characters before the actual text.

A lightweight JavaScript library that renders text in a brilliant style by displaying strings of random characters before the actual text.

cryptoWriter.js A lightweight javascript library which creates brilliant text animation by rendering strings of random characters before the actual te

Sep 13, 2022
Owner
Muhammad Mabrouk
Hello! I’m Muhammad Mabrouk Front-End Developer From Egypt.
Muhammad Mabrouk
Grupprojekt för kurserna 'Javascript med Ramverk' och 'Agil Utveckling'

JavaScript-med-Ramverk-Laboration-3 Grupprojektet för kurserna Javascript med Ramverk och Agil Utveckling. Utvecklingsguide För information om hur utv

Svante Jonsson IT-Högskolan 3 May 18, 2022
Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

null 4 May 3, 2022
Kurs-repo för kursen Webbserver och Databaser

Webbserver och databaser This repository is meant for CME students to access exercises and codealongs that happen throughout the course. I hope you wi

null 14 Jan 3, 2023
Ping.js is a small and simple Javascript library for the browser to "ping" response times to web servers in Javascript

Ping.js Ping.js is a small and simple Javascript library for the browser to "ping" response times to web servers in Javascript! This is useful for whe

Alfred Gutierrez 353 Dec 27, 2022
Flexible plugin for Logseq that annotates deadline/schedule times with a countdown or time difference

Interval Hints Synopsis Configurable Logseq plugin to annotate deadline and scheduled times with a countdown or interval. Features Block renderer to a

Kerfuffle 8 Aug 29, 2022
A small javascript DOM manipulation library based on Jquery's syntax. Acts as a small utility library with the most common functions.

Quantdom JS Quantdom is a very small (about 600 bytes when ran through terser & gzipped) dom danipulation library that uuses a Jquery like syntax and

Sean McQuaid 7 Aug 16, 2022
✏️ A small jQuery extension to turn a static HTML table into an editable one. For quickly populating a small table with JSON data, letting the user modify it with validation, and then getting JSON data back out.

jquery-editable-table A small jQuery extension to turn an HTML table editable for fast data entry and validation Demo ?? https://jsfiddle.net/torrobin

Tor 7 Jul 31, 2022
jQuery pop-up script displaying various types of content in corner of browser

Corner Popup v1.30 Fully customizable pop-up box created to display all types of messages in corner of your browser. Website: https://espritdesign.pl/

Łukasz Brzostek 24 Nov 27, 2022
Kuldeep 2 Jun 21, 2022
2x times faster than chalk and use 5x less space in node_modules

Nano Colors A tiny and fast Node.js library for formatting terminal text with ANSI colors. It is 2 times faster than chalk. Both loading and calls. No

Andrey Sitnik 886 Dec 30, 2022