index1.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link type="text/css" rel="stylesheet" href="../pcdl/css/font.css" />
  7. <link type="text/css" rel="stylesheet" href="../pcdl/css/basic_style.css" />
  8. <link type="text/css" rel="stylesheet" href="../pcdl/css/style.css" />
  9. <link type="text/css" rel="stylesheet" href="../pcdl/css/color_day.css" id="colorchange" />
  10. <link type="text/css" rel="stylesheet" href="../pcdl/css/style_mobile.css" media="screen and (max-width:767px)">
  11. <script src="../public/js/jquery.js"></script>
  12. <script src="../public/js/comm.js"></script>
  13. <script src="jquery-3.3.1.min.js"></script>
  14. <script src="lib/julian.js"></script>
  15. <script src="lib/lune.js"></script>
  16. <script src="suncalc.js"></script>
  17. <script src="../studio/js/fixedsticky.js"></script>
  18. <script src="../guide/guide.js"></script>
  19. <link type="text/css" rel="stylesheet" href="../guide/guide.css" />
  20. <script src="../public/js/marked.js"></script>
  21. <!--获取语言-->
  22. <script>
  23. var g_language = "en";
  24. var g_currLink = "";
  25. function lang_init(strPage) {
  26. g_currLink = strPage;
  27. }
  28. function setLang(strLang) {
  29. g_language = strLang;
  30. setCookie('language', g_language, 365);
  31. window.location.assign(location.pathname + "?language=" + g_language);
  32. }
  33. </script>
  34. <script>
  35. var localString = new Array();
  36. localString["zh-cn"] = {
  37. "and_another": "又 ",
  38. "atitude": "纬度",
  39. "BE": "佛历",
  40. "bhumma": "周二",
  41. "budha": "周三",
  42. "canda": "周一",
  43. "confirm": "确认",
  44. "date": "日期",
  45. "day": "日",
  46. "days": "天 ",
  47. "departure_in_detail": "起飞详情",
  48. "dhamma_time": "会延续五千年的教法 ",
  49. "eat": "进餐",
  50. "gama_entry": "入村",
  51. "guru": "周四",
  52. "hori_ref_time": "蒙气差修正 ",
  53. "kala": "适当的时间",
  54. "language_select": "选择语言",
  55. "left": "还剩下",
  56. "loading": "载入中……",
  57. "longitude": "经度",
  58. "māsa": "月",
  59. "mins": "分钟",
  60. "month": "月 ",
  61. "month_1": "月 ",
  62. "months": "个月 ",
  63. "my_loc": "我的位置",
  64. "need_inform": "未告知其他比库",
  65. "no_string": "不能",
  66. "noon_time": "正午",
  67. "noon_time": "正午",
  68. "note": "注释",
  69. "now_time": "现在",
  70. "pacchā_māsa": "下个月",
  71. "pakkha": "月相变化 ",
  72. "past": "已过去",
  73. "pubba_māsa": "上个月",
  74. "ravi": "周日",
  75. "saṃvacchara": "年",
  76. "season": "季节 ",
  77. "sec": "秒",
  78. "sora": "周六",
  79. "sukka": "周五",
  80. "sun_height_degree": "正午太阳高度 ",
  81. "time": "时间",
  82. "twilight_time": "曙光",
  83. "twilight_time": "曙光",
  84. "vikala": "不适当的时间",
  85. "week_day": "星期",
  86. "year_0": "年",
  87. "year_1": "年 ",
  88. "years": "年 ",
  89. "yes_string": "可以"
  90. };
  91. localString["zh-tw"] = {
  92. "and_another": "又 ",
  93. "atitude": "緯度",
  94. "BE": "佛曆",
  95. "bhumma": "週二",
  96. "budha": "週三",
  97. "canda": "週一",
  98. "confirm": "確認",
  99. "date": "日期",
  100. "day": "日",
  101. "days": "天 ",
  102. "departure_in_detail": "起飛詳情",
  103. "dhamma_time": "會延續五千年的教法 ",
  104. "eat": "進餐",
  105. "gama_entry": "入村",
  106. "guru": "週四",
  107. "hori_ref_time": "蒙氣差修正 ",
  108. "kala": "適當的時間",
  109. "language_select": "選擇語言",
  110. "left": "還剩下",
  111. "loading": "載入中……",
  112. "longitude": "經度",
  113. "māsa": "月",
  114. "mins": "分鐘",
  115. "month": "月 ",
  116. "month_1": "月 ",
  117. "months": "個月 ",
  118. "my_loc": "我的位置",
  119. "need_inform": "未告知其他比庫",
  120. "no_string": "不能",
  121. "noon_time": "正午",
  122. "noon_time": "正午",
  123. "note": "註釋",
  124. "now_time": "現在",
  125. "pacchā_māsa": "下個月",
  126. "pakkha": "月相變化 ",
  127. "past": "已過去",
  128. "pubba_māsa": "上個月",
  129. "ravi": "週日",
  130. "saṃvacchara": "年",
  131. "season": "季節 ",
  132. "sec": "秒",
  133. "sora": "週六",
  134. "sukka": "週五",
  135. "sun_height_degree": "正午太陽高度 ",
  136. "time": "時間",
  137. "twilight_time": "曙光",
  138. "twilight_time": "曙光",
  139. "vikala": "不適當的時間",
  140. "week_day": "星期",
  141. "year_0": "年",
  142. "year_1": "年 ",
  143. "years": "年 ",
  144. "yes_string": "可以"
  145. };
  146. localString["default"] = {
  147. "and_another": " and ",
  148. "atitude": "Atitude",
  149. "BE": "Buddhist Era ",
  150. "bhumma": "Bhumma",
  151. "budha": "Budha",
  152. "canda": "Canda",
  153. "confirm": "Confirm",
  154. "date": "Date ",
  155. "day": " day(s) ",
  156. "days": " day(s) ",
  157. "departure_in_detail": "departure in detail",
  158. "dhamma_time": "5000 Years of the Buddha’s Dispensation ",
  159. "eat": "eat",
  160. "gama_entry": "entry the village",
  161. "guru": "Guru",
  162. "hori_ref_time": "horizontal refraction correct ",
  163. "kala": "suitable time",
  164. "language_select": "bhāsā",
  165. "left": "Remains ",
  166. "loading": "loading…",
  167. "longitude": "Longitude",
  168. "māsa": "māsa",
  169. "mins": "(min)",
  170. "month": "Month ",
  171. "month_1": "- ",
  172. "months": " month(s) ",
  173. "my_loc": "attasmiṃ",
  174. "need_inform": "without informing other Bhikkhu ",
  175. "no_string": "cannot ",
  176. "noon_time": "NOON",
  177. "noon_time": "NOON",
  178. "note": "Note",
  179. "now_time": "NOW",
  180. "pacchā_māsa": "pacchā-māsa",
  181. "pakkha": "Lunar Phases ",
  182. "past": "Passed ",
  183. "pubba_māsa": "pubba-māsa",
  184. "ravi": "Ravi",
  185. "saṃvacchara": "saṃvacchara",
  186. "season": "Season ",
  187. "sec": "sec ",
  188. "sora": "Sora",
  189. "sukka": "Sukka",
  190. "sun_height_degree": "Max solar altitude ",
  191. "time": "Time",
  192. "twilight_time": "dawn",
  193. "twilight_time": "dawn",
  194. "vikala": "unsuitable time",
  195. "week_day": "Day",
  196. "year_0": "saṃvacchara",
  197. "year_1": "- ",
  198. "years": " year(s) ",
  199. "yes_string": "can "
  200. };
  201. localString["en"] = {
  202. "and_another": " and ",
  203. "atitude": "Atitude",
  204. "BE": "Buddhist Era ",
  205. "bhumma": "Bhumma",
  206. "budha": "Budha",
  207. "canda": "Canda",
  208. "confirm": "Confirm",
  209. "date": "Date",
  210. "day": " day(s) ",
  211. "days": " day(s) ",
  212. "departure_in_detail": "departure in detail",
  213. "dhamma_time": "5000 Years of the Buddha’s Dispensation ",
  214. "eat": "eat",
  215. "gama_entry": "entry the village",
  216. "guru": "Guru",
  217. "hori_ref_time": "horizontal refraction correct ",
  218. "kala": "suitable time",
  219. "language_select": "Language",
  220. "left": "Remains ",
  221. "loading": "loading…",
  222. "longitude": "Longitude",
  223. "māsa": "māsa",
  224. "mins": "(min)",
  225. "month": "Month ",
  226. "month_1": "- ",
  227. "months": " month(s) ",
  228. "my_loc": "my location",
  229. "need_inform": "without informing other Bhikkhu ",
  230. "no_string": "cannot ",
  231. "noon_time": "NOON",
  232. "noon_time": "NOON",
  233. "note": "Note",
  234. "now_time": "NOW",
  235. "pacchā_māsa": "pacchā-māsa",
  236. "pakkha": "Lunar Phases ",
  237. "past": "Passed ",
  238. "pubba_māsa": "pubba-māsa",
  239. "ravi": "Ravi",
  240. "saṃvacchara": "saṃvacchara",
  241. "season": "Season ",
  242. "sec": "sec",
  243. "sora": "Sora",
  244. "sukka": "Sukka",
  245. "sun_height_degree": "Max solar altitude ",
  246. "time": "time",
  247. "twilight_time": "dawn",
  248. "twilight_time": "dawn",
  249. "vikala": "unsuitable time",
  250. "week_day": "Day",
  251. "year_0": "year",
  252. "year_1": "- ",
  253. "years": " year(s) ",
  254. "yes_string": "can "
  255. };
  256. localString["my"] = {
  257. "and_another": " and ",
  258. "atitude": "Atitude",
  259. "BE": "Buddhist Era ",
  260. "bhumma": "ဘုမ္မ",
  261. "budha": "ဗုဓ",
  262. "canda": "စန္ဒ",
  263. "confirm": "Confirm",
  264. "date": "Date ",
  265. "day": " day(s) ",
  266. "days": " day(s) ",
  267. "departure_in_detail": "departure in detail",
  268. "dhamma_time": "5000 Years of the Buddha’s Dispensation ",
  269. "eat": "eat",
  270. "gama_entry": "entry the village",
  271. "guru": "ဂုရု",
  272. "hori_ref_time": "horizontal refraction correct ",
  273. "kala": "ကာလ",
  274. "language_select": "ဘာသာ",
  275. "left": "Remains ",
  276. "loading": "loading…",
  277. "longitude": "Longitude",
  278. "māsa": "မာသ",
  279. "mins": "(min)",
  280. "month": "Month ",
  281. "month_1": "- ",
  282. "months": " month(s) ",
  283. "my_loc": "အတ္တသ္မိံ",
  284. "need_inform": "without informing other Bhikkhu ",
  285. "no_string": "cannot ",
  286. "noon_time": "မဇ္ဈန္ဟိက",
  287. "noon_time": "မဇ္ဈန္ဟိက",
  288. "note": "Note",
  289. "now_time": "ပစ္စုပ္ပန္န",
  290. "pacchā_māsa": "ပစ္ဆာ-မာသ",
  291. "pakkha": "Lunar Phases ",
  292. "past": "Passed ",
  293. "pubba_māsa": "ပုဗ္ဗ-မာသ",
  294. "ravi": "ရဝိ",
  295. "saṃvacchara": "သံဝစ္ဆရ",
  296. "season": "Season ",
  297. "sec": "sec ",
  298. "sora": "သောရ",
  299. "sukka": "သုက္က",
  300. "sun_height_degree": "Max solar altitude ",
  301. "time": "Time",
  302. "twilight_time": "အရုဏုဂ္ဂမန",
  303. "twilight_time": "အရုဏုဂ္ဂမန",
  304. "vikala": "ဝိကာလ",
  305. "week_day": "Day",
  306. "year_0": "year",
  307. "year_1": "- ",
  308. "years": " year(s) ",
  309. "yes_string": "can "
  310. };
  311. localString["si"] = {
  312. "and_another": " ච ",
  313. "atitude": "Atitude",
  314. "BE": "බුද්ධ වර්ෂය ",
  315. "bhumma": "භුම්ම",
  316. "budha": "බුධ",
  317. "canda": "චන්ද",
  318. "confirm": "Confirm",
  319. "date": "දිවස ",
  320. "day": " දිවසා(නි) ",
  321. "days": " දිවසා(නි) ",
  322. "departure_in_detail": "departure in detail",
  323. "dhamma_time": "සම්මා සම්බුද්ධස්ස සාසනං පට්ච-වස්ස-සහස්සානි පවත්තිස්සති ",
  324. "eat": "eat",
  325. "gama_entry": "entry the village",
  326. "guru": "ගු‍රු",
  327. "hori_ref_time": "horizontal refraction correct ",
  328. "kala": "කාල",
  329. "language_select": "භාෂාව",
  330. "left": "අවසිට්ඨ ",
  331. "loading": "ප්‍රවේශනය වෙනවා ",
  332. "longitude": "Longitude",
  333. "māsa": "මාස",
  334. "mins": "(min)",
  335. "month": "මාස ",
  336. "month_1": "- ",
  337. "months": " මාසා(නි) ",
  338. "my_loc": "අත‍්තස‍්මිං",
  339. "need_inform": "without informing other Bhikkhu ",
  340. "no_string": "cannot ",
  341. "noon_time": "මජ්ඣන්හික",
  342. "noon_time": "මජ්ඣන්හික",
  343. "note": "නෝට්ටුව ",
  344. "now_time": "පච්චුප්පන්න",
  345. "pacchā_māsa": "පච්ඡා-මාස",
  346. "pakkha": "පක්ඛ ",
  347. "past": "අතික්කන්ත ",
  348. "pubba_māsa": "පුබ්බ-මාස",
  349. "ravi": "රවි",
  350. "saṃvacchara": "සංවච්ඡ‍ර",
  351. "season": "උතු ",
  352. "sec": "sec",
  353. "sora": "සො‍ර",
  354. "sukka": "සුක්ක",
  355. "sun_height_degree": "Max solar altitude ",
  356. "time": "time",
  357. "twilight_time": "අ‍රුණුග්ගමන",
  358. "twilight_time": "අ‍රුණුග්ගමන",
  359. "vikala": "විකාල",
  360. "week_day": "වා‍ර ",
  361. "year_0": "සංවච්ඡ‍ර",
  362. "year_1": "- ",
  363. "years": " සංවච්ඡ‍රා(නි) ",
  364. "yes_string": "can "
  365. };
  366. </script>
  367. <style>
  368. .card {
  369. box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  370. font-size: 1em;
  371. line-height: 1.3;
  372. }
  373. .card>.title>a,
  374. .card>.title>a:link {
  375. color: var(--main-color);
  376. }
  377. .card a:hover {
  378. color: var(--tool-link-hover-color);
  379. }
  380. .index_inner {
  381. width: 960px;
  382. margin-left: auto;
  383. margin-right: auto;
  384. }
  385. </style>
  386. <title id='title_text'>
  387. </title>
  388. </head>
  389. <body>
  390. <!--多语言范例
  391. <script>
  392. document.write(localString["language"].XXXX);
  393. </script>
  394. -->
  395. <div id='position_change'>
  396. <span id='selected_position_string'>
  397. <script>
  398. document.write(localString[g_language].loading);
  399. //localString[g_language].loading;
  400. </script>
  401. </span>
  402. <!--自动定位-->
  403. <button onclick='getLocation()' style='font-size: 100%; padding: 2px 6px;'>
  404. <svg class='icon' style='min-width: 1.8em; min-height: 1.8em;'>
  405. <path
  406. d='M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z' />
  407. </svg>
  408. <script>
  409. document.write(localString[g_language].my_loc);
  410. //localString[g_language].my_loc
  411. </script>
  412. </button>
  413. <input id="input_time" type="datetime-local">
  414. </div>
  415. <div>
  416. <div onclick="show_time()">Sun time table</div>
  417. <div><span id="today_dawn"></span></div>
  418. <div><span id="today_solarNoon"></span></div>
  419. <div><span id="today_sunset"></span></div>
  420. <div>月相<span id="today_moon_phase"></span></div>
  421. <div>圆满度<span id="today_moon_percent"></span></div>
  422. <div>南偏西<span id="today_sun_azimuth"></span></div>
  423. <div>北偏东<span id="today_moon_azimuth"></span></div>
  424. <div>日月角<span id="angle_sun_e_moon"></span></div>
  425. <div>月相角<span id="today_moon_angle"></span></div>
  426. <div>当前时间<span id="curr_time"></span></div>
  427. <div>现在时间<span id="now_time"></span></div>
  428. </div>
  429. <script>
  430. var current_phase = lune.phase()
  431. console.log(current_phase)//输出到控制台
  432. $("#title_text").html(localString[g_language].BE);
  433. var g_coordinate_this = new Object();
  434. var g_now_date = new Date();
  435. var sun_times = new Object();
  436. var curr_position = localStorage.getItem("local_position");
  437. if (curr_position) {
  438. g_coordinate_this.AT = curr_position.split("#")[0];
  439. g_coordinate_this.LT = curr_position.split("#")[1];
  440. if (g_coordinate_this.AT >= 0) {
  441. var AT_string = angle_trans(g_coordinate_this.AT) + "N";
  442. }
  443. else {
  444. var AT_string = angle_trans(g_coordinate_this.AT) + "S";
  445. }
  446. if (g_coordinate_this.LT >= 0) {
  447. var LT_string = angle_trans(g_coordinate_this.LT) + "E";
  448. }
  449. else {
  450. var LT_string = angle_trans(g_coordinate_this.LT) + "W";
  451. }
  452. $("#selected_position_string").html(AT_string + " " + LT_string);
  453. }
  454. else {
  455. getLocation();
  456. }
  457. function show_time() {
  458. if ($("#input_time").val()) {
  459. today = new Date($("#input_time").val());
  460. }
  461. else {
  462. today = g_now_date
  463. }
  464. sun_times = SunCalc.getTimes(today, g_coordinate_this.AT, g_coordinate_this.LT, 0);
  465. sun_position = SunCalc.getPosition(today, g_coordinate_this.AT, g_coordinate_this.LT);
  466. moon_position = SunCalc.getMoonPosition(today, g_coordinate_this.AT, g_coordinate_this.LT);
  467. moon_Illumination = SunCalc.getMoonIllumination(today)
  468. $("#today_dawn").html(sun_times.dawn.toLocaleTimeString());
  469. $("#today_solarNoon").html(sun_times.solarNoon.toLocaleTimeString());
  470. $("#today_sunset").html(sun_times.sunset.toLocaleTimeString());
  471. $("#today_sun_azimuth").html(angle_trans(sun_position.azimuth / Math.PI * 180));//太阳水平弧度
  472. $("#today_moon_azimuth").html(angle_trans(moon_position.azimuth / Math.PI * 180));//月亮水平弧度
  473. $("#today_moon_phase").html(1 - 2 * moon_Illumination.phase);//月相值
  474. $("#today_moon_percent").html(moon_Illumination.fraction);//月相值
  475. $("#today_moon_angle").html(angle_trans(moon_Illumination.angle / Math.PI * 180));//月相角
  476. $("#angle_sun_e_moon").html(angle_trans(Math.abs(Math.PI + sun_position.azimuth - moon_position.azimuth) / Math.PI * 180));//月亮水平弧度
  477. $("#curr_time").html(today.toLocaleTimeString());//当前时间
  478. $("#now_time").html(g_now_date.toLocaleTimeString());//现在
  479. }
  480. function getLocation() {//自动定位
  481. if (navigator.geolocation) {
  482. navigator.geolocation.getCurrentPosition(showPosition, showError);
  483. }
  484. else {
  485. $("#selected_position_string").html("Geolocation is not supported by this browser.");
  486. }
  487. }
  488. function showPosition(position) {
  489. alert("get cordinate success");
  490. g_coordinate_this.AT = position.coords.latitude;
  491. g_coordinate_this.LT = position.coords.longitude;
  492. let position_string = g_coordinate_this.AT + "#" + g_coordinate_this.LT
  493. localStorage.setItem("local_position", position_string);
  494. if (g_coordinate_this.AT >= 0) {
  495. var AT_string = angle_trans(g_coordinate_this.AT) + "N";
  496. }
  497. else {
  498. var AT_string = angle_trans(g_coordinate_this.AT) + "S";
  499. }
  500. if (g_coordinate_this.LT >= 0) {
  501. var LT_string = angle_trans(g_coordinate_this.LT) + "E";
  502. }
  503. else {
  504. var LT_string = angle_trans(g_coordinate_this.LT) + "W";
  505. }
  506. $("#selected_position_string").html(AT_string + " " + LT_string);
  507. }
  508. function showError(error) {
  509. switch (error.code) {
  510. case error.PERMISSION_DENIED:
  511. alert("定位失败,用户拒绝请求地理定位");
  512. break;
  513. case error.POSITION_UNAVAILABLE:
  514. alert("定位失败,位置信息是不可用");
  515. break;
  516. case error.TIMEOUT:
  517. alert("定位失败,请求获取用户位置超时");
  518. break;
  519. case error.UNKNOWN_ERROR:
  520. alert("定位失败,定位系统失效");
  521. break;
  522. }
  523. }
  524. function angle_trans(angle) {
  525. var angle_str = "";
  526. var num_d = Math.floor(angle);
  527. var num_m = Math.floor((angle - num_d) * 60);
  528. var num_s = Math.round((angle - num_d) * 60 - num_m);
  529. if (num_d != 0) {
  530. angle_str += num_d + "°";
  531. }
  532. if (num_m != 0) {
  533. angle_str += num_m + "’";
  534. }
  535. if (num_s != 0) {
  536. angle_str += num_s + "”";
  537. }
  538. return (angle_str);
  539. }
  540. </script>
  541. </body>
  542. </html>