index1.html 21 KB

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