Menghitung waktu falakiyah... (memanfaatkan lokasi halaman jika ada).
`;
// compute
computeAndRenderAdvanced(opts).then(result => {
// result is JSON if success
// optionally you can handle result here
}).catch(err => {
console.error(err);
});
},
computeForDate: function(opts){
// same options as init but required: dateLocal
return computeAndRenderAdvanced(opts);
}
};
})();
// Inisialisasi: tampilkan di div id="falaq-times"
FalaqTimesAdvanced.init({
containerId: 'falaq-times',
hourLengthMinutes: 60, // biasanya 60; ubah kalau mau
showJsonBlock: true, // tampilkan JSON (bisa dimatikan)
// forceUsePageLocation: false, // aktifkan kalau mau paksa pakai lokasi page saja
onJson: function(json){
console.log('Falaq JSON', json);
}
});
Waktu Thalsim Pelet (Mahabbah)
Hari: Zuhrah (Jum'at)
Syurūq (puncak):--:--
Sa'at 1 (Puncak)
--:-- – --:--
Sa'at 2 (Sekunder)
--:-- – --:--
Sa'at 3 (Tersier)
--:-- – --:--
/* FalaqTimesAdvanced - chunk 1/4 */
const FalaqTimesAdvanced = (function(){
function toRad(d){ return d*Math.PI/180; }
function toDeg(r){ return r*180/Math.PI; }
function fixAngle(a){ return (a%360+360)%360; }
function pad(n){ return (n<10? '0':'') + n; }
function dateToJulian(date){
const y = date.getUTCFullYear();
const m = date.getUTCMonth() + 1;
const D = date.getUTCDate() + (date.getUTCHours() + date.getUTCMinutes()/60 + date.getUTCSeconds()/3600)/24;
let A = Math.floor(y/100);
let B = 2 - A + Math.floor(A/4);
let Y = y;
let M = m;
if (m <= 2) { Y = y - 1; M = m + 12; }
const JD = Math.floor(365.25*(Y+4716)) + Math.floor(30.6001*(M+1)) + D + B - 1524.5;
return JD;
}
function julianCenturies(jd){ return (jd - 2451545.0) / 36525.0; }
function geomMeanLongSun(T){ return fixAngle(280.46646 + T*(36000.76983 + T*0.0003032)); }
function geomMeanAnomalySun(T){ return 357.52911 + T*(35999.05029 - 0.0001537*T); }
function eccentricityEarthOrbit(T){ return 0.016708634 - T*(0.000042037 + 0.0000001267*T); }
function sunEqOfCenter(T,M){
const Mr = toRad(M);
return Math.sin(Mr)*(1.914602 - T*(0.004817 + 0.000014*T))
+ Math.sin(2*Mr)*(0.019993 - 0.000101*T)
+ Math.sin(3*Mr)*0.000289;
}
function sunTrueLong(L0,C){ return L0 + C; }
function sunApparentLong(T,theta){
const omega = 125.04 - 1934.136 * T;
return theta - 0.00569 - 0.00478 * Math.sin(toRad(omega));
}
function meanObliquityOfEcliptic(T){
return 23 + (26 + ((21.448 - T*(46.815 + T*(0.00059 - T*0.001813))))/60)/60;
}
function obliquityCorrection(T, eps0){
const omega = 125.04 - 1934.136 * T;
return eps0 + 0.00256 * Math.cos(toRad(omega));
}
function sunDeclination(eps, lambda){
return toDeg(Math.asin(Math.sin(toRad(eps)) * Math.sin(toRad(lambda))));
}
function eqOfTime(T, L0, e, M, eps) {
const y = Math.tan(toRad(eps/2)) * Math.tan(toRad(eps/2));
const L0r = toRad(L0), Mr = toRad(M);
const term1 = y * Math.sin(2*L0r);
const term2 = -2 * e * Math.sin(Mr);
const term3 = 4 * e * y * Math.sin(Mr) * Math.cos(2*L0r);
const term4 = -0.5 * y*y * Math.sin(4*L0r);
const term5 = -1.25 * e*e * Math.sin(2*Mr);
return 4 * toDeg(term1 + term2 + term3 + term4 + term5); // minutes
}
function hourAngleSunrise(lat, decl){
const latR = toRad(lat), declR = toRad(decl);
const HA = Math.acos( Math.cos(toRad(90.833)) / (Math.cos(latR)*Math.cos(declR)) - Math.tan(latR)*Math.tan(declR) );
return toDeg(HA);
}
function computeSunriseSunsetUTC(dateLocalMidnightUTC, lat, lng){
const jd = dateToJulian(dateLocalMidnightUTC);
const T = julianCenturies(jd);
const L0 = geomMeanLongSun(T);
const M = geomMeanAnomalySun(T);
const e = eccentricityEarthOrbit(T);
const C = sunEqOfCenter(T, M);
const theta = sunTrueLong(L0, C);
const lambda = sunApparentLong(T, theta);
const eps0 = meanObliquityOfEcliptic(T);
const eps = obliquityCorrection(T, eps0);
const decl = sunDeclination(eps, lambda);
const eqt = eqOfTime(T, L0, e, M, eps);
const ha = hourAngleSunrise(lat, decl);
const solarNoonUTC = (720 - 4*lng - eqt);
const sunriseUTCmin = solarNoonUTC - ha*4;
const sunsetUTCmin = solarNoonUTC + ha*4;
return { sunriseUTCmin, sunsetUTCmin, decl, eqt, solarNoonUTC };
}
function minutesToLocalDate(baseDateLocal, minutesUTC){
const tzOffsetMin = baseDateLocal.getTimezoneOffset();
const utcMidnight = new Date(
Date.UTC(
baseDateLocal.getFullYear(),
baseDateLocal.getMonth(),
baseDateLocal.getDate(),
0,0,0
) - tzOffsetMin*60000
);
const dt = new Date(utcMidnight.getTime() + Math.round(minutesUTC*60000));
return dt;
}
function formatHM(d){
const hh = d.getHours();
const mm = d.getMinutes();
return (hh<10?"0":"")+hh+":"+(mm<10?"0":"")+mm;
}
/* -------------------------
Cari lokasi dari halaman
------------------------- */
function findLocationFromPage(){
if(window.USER_LAT && window.USER_LNG)
return {lat:+window.USER_LAT,lng:+window.USER_LNG};
if(window.userLat && window.userLng)
return {lat:+window.userLat,lng:+window.userLng};
if(window.userLocation &&
typeof window.userLocation==="object" &&
window.userLocation.lat && window.userLocation.lng)
return {lat:+window.userLocation.lat,lng:+window.userLocation.lng};
const body = document.body;
if(body && body.dataset && body.dataset.lat && body.dataset.lng)
return {lat:+body.dataset.lat,lng:+body.dataset.lng};
return null;
}
/* -----------------------
Bangun Sa'at siang/malam
----------------------- */
function buildSaatsWithLength(sunriseDate, sunsetDate, hourLengthMinutes){
const saats = [];
const msLen = hourLengthMinutes * 60000;
// Sa'at 1–12 (siang)
for(let i=0; i<12; i++){
const start = new Date(sunriseDate.getTime() + i*msLen);
const end = new Date(sunriseDate.getTime() + (i+1)*msLen);
saats.push({idx:i+1, start, end, origin:"sunrise"});
}
// Sa'at 13–24 (malam)
for(let i=0; i<12; i++){
const start = new Date(sunsetDate.getTime() + i*msLen);
const end = new Date(sunsetDate.getTime() + (i+1)*msLen);
saats.push({idx:13+i, start, end, origin:"sunset"});
}
return saats;
}
/* -----------------------
HTML render utama
----------------------- */
function render(container, info, opts){
const { lat, lng, sunriseDate, sunsetDate, saats, dateStr } = info;
const el = (typeof container==="string")
? document.getElementById(container)
: container;
if(!el) return;
const goldStyle = "background:linear-gradient(90deg,#fff6d1,#f9e0a6);color:#1b1b12;padding:4px 8px;border-radius:6px;font-weight:700;";
const softGold = "background:#ffdca8;padding:4px 6px;border-radius:6px;font-weight:700;";
const paleGold = "background:#ffecd6;padding:4px 6px;border-radius:6px;font-weight:600;";
let html = "";
html += `