将 eSalah 礼拜时间嵌入您的网站
一个标签，零依赖，无追踪。任意经纬度的精准每日礼拜时间，样式适配任何页面。
快速入门
将此代码段粘贴到 HTML 中任意位置。下面的示例为 London（51.5074, -0.1278）— 请替换为您的坐标。
<div data-esalah-prayer-times
data-lat="51.5074"
data-lng="-0.1278"></div>
<script async src="https://esalah.com/embed/times.js"></script>实时预览
这就是真实的小部件 — 与上方相同的代码段，正在此页面运行。
属性参考
通过在容器上设置 data-* 属性来配置小部件。
| 属性 | 必需 | 说明 |
|---|---|---|
data-lat | 必需 | 十进制度的纬度。例如：51.5074。 |
data-lng | 必需 | 十进制度的经度。例如：-0.1278。 |
data-method | 可选 | 计算方法 slug 或数字 ID（如 isna、mwl、umm-al-qura、egyptian）。如省略，服务器将根据坐标选择适合该国家的默认值。 |
data-timezone | 可选 | IANA 时区（如 Europe/London、America/New_York）。默认通过 Intl.DateTimeFormat() 使用访问者的浏览器时区。 |
一个页面上的多个小部件
小部件会在页面上找到的 每一个 [data-esalah-prayer-times] 元素上初始化。您可以并排显示多个城市的礼拜时间 — 例如分布于多个城市的社区中心 — 只需使用脚本一次，然后放置任意数量的容器 div。
隐私
小部件以 /api/v1/times 配置 credentials: 'omit' 进行获取。这意味着：
- 不会从访客浏览器向 eSalah 发送任何 cookie。
- 我们不会识别或追踪您的访客。
- 只传输您配置的坐标 — 不记录 IP，无指纹识别。
- 小部件样式在每次渲染时内联 — 它无法读取或修改您页面的 CSS 或其他 cookie。