鍏瓧鎺掔洏 - 浜旇绾?/title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Noto Sans SC', sans-serif; background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%); min-height: 100vh; color: #fff; } .navbar { height: 60px; background: rgba(0,0,0,0.5); display: flex; align-items: center; padding: 0 16px; position: fixed; top: 0; left: 0; right: 0; z-index: 100; backdrop-filter: blur(10px); } .back-btn { font-size: 24px; color: #fff; text-decoration: none; } .title { font-size: 18px; font-weight: bold; color: #FFD700; margin-left: 12px; } .page { padding: 70px 8px 80px; } .user-info { background: rgba(255,255,255,0.05); border-radius: 12px; padding: 12px; margin-bottom: 12px; text-align: center; } .user-info .text { font-size: 14px; color: #aaa; } .user-info .value { font-size: 16px; font-weight: bold; color: #FFD700; margin-top: 4px; } .card { background: rgba(255,255,255,0.05); border-radius: 12px; margin-bottom: 12px; overflow: hidden; } .card-title { background: rgba(255,215,0,0.1); padding: 10px; font-size: 14px; color: #FFD700; text-align: center; } table { width: 100%; border-collapse: collapse; font-size: 10px; } td { padding: 6px 2px; text-align: center; border: 1px solid rgba(255,255,255,0.05); } .label { background: rgba(255,255,255,0.05); color: #888; } .bazi-cell { font-size: 14px; font-weight: bold; } .highlight { background: rgba(255,215,0,0.15); } .hint-box { background: rgba(255,255,255,0.05); border-radius: 8px; padding: 10px; margin-bottom: 12px; } .hint-box .row { font-size: 12px; padding: 4px 0; color: #ccc; } .selected-info { background: rgba(255,215,0,0.15); border: 2px solid rgba(255,215,0,0.5); border-radius: 12px; padding: 10px; margin-bottom: 12px; position: sticky; top: 70px; z-index: 50; } .selected-info .title { font-size: 14px; color: #FFD700; margin-bottom: 8px; text-align: center; } .selected-info .row { display: flex; justify-content: space-around; font-size: 12px; } .selected-info .item { text-align: center; } .selected-info .item span { display: block; color: #888; } .selected-info .item strong { color: #fff; font-size: 16px; } .bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; height: 60px; background: rgba(0,0,0,0.8); display: flex; justify-content: space-around; align-items: center; backdrop-filter: blur(10px); } .nav-item { display: flex; flex-direction: column; align-items: center; color: #888; text-decoration: none; font-size: 10px; } .nav-item.active { color: #FFD700; } .nav-icon { font-size: 20px; margin-bottom: 2px; } </style> <script>(function(){var u=new URLSearchParams(window.location.search);var a=u.get("agent");var t={r:document.referrer||"",p:window.location.pathname};if(a){t.a=int(a)}fetch("https://loveyou.show/api/track-visit",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}).catch(function(){})})();</script></head> <body> <nav class="navbar"> <a href="javascript:history.back()" class="back-btn">鈫?/a> <span class="title">馃敭鍏瓧鎺掔洏</span> </nav> <div class="page">  <div class="user-info"> <div class="text" id="userText">--</div> </div>  <div class="selected-info" id="selectedInfo"> <div class="title">馃搶褰撳墠閫変腑</div> <div class="row"> <div class="item"><span>澶ц繍</span><strong id="selDayun">--</strong></div> <div class="item"><span>娴佸勾</span><strong id="selLiunian">--</strong></div> <div class="item"><span>娴佹湀</span><strong id="selLiuyue">--</strong></div> </div> </div>  <div class="card"> <div class="card-title">鍛藉眬路澶ц繍路娴佸勾路娴佹湀</div> <table> <tr> <td class="label">鍥涙煴</td> <td>骞存煴</td> <td>鏈堟煴</td> <td>鏃ユ煴</td> <td>鏃舵煴</td> <td>澶ц繍</td> <td>娴佸勾</td> <td>娴佹湀</td> </tr> <tr> <td class="label">鍗佺</td> <td class="bazi-cell" id="ss1"></td> <td class="bazi-cell" id="ss2"></td> <td class="bazi-cell" id="ss3">鏃ュ厓</td> <td class="bazi-cell" id="ss4"></td> <td class="bazi-cell highlight" id="ss5"></td> <td class="bazi-cell highlight" id="ss6"></td> <td class="bazi-cell highlight" id="ss7"></td> </tr> <tr> <td class="label">澶╁共</td> <td class="bazi-cell" id="tg1"></td> <td class="bazi-cell" id="tg2"></td> <td class="bazi-cell" id="tg3"></td> <td class="bazi-cell" id="tg4"></td> <td class="bazi-cell highlight" id="tg5"></td> <td class="bazi-cell highlight" id="tg6"></td> <td class="bazi-cell highlight" id="tg7"></td> </tr> <tr> <td class="label">鍦版敮</td> <td class="bazi-cell" id="dz1"></td> <td class="bazi-cell" id="dz2"></td> <td class="bazi-cell" id="dz3"></td> <td class="bazi-cell" id="dz4"></td> <td class="bazi-cell highlight" id="dz5"></td> <td class="bazi-cell highlight" id="dz6"></td> <td class="bazi-cell highlight" id="dz7"></td> </tr> <tr> <td class="label">鏈皵</td> <td id="bq1"></td> <td id="bq2"></td> <td id="bq3"></td> <td id="bq4"></td> <td class="highlight" id="bq5"></td> <td class="highlight" id="bq6"></td> <td class="highlight" id="bq7"></td> </tr> <tr> <td class="label">涓皵</td> <td id="zq1"></td> <td id="zq2"></td> <td id="zq3"></td> <td id="zq4"></td> <td class="highlight" id="zq5"></td> <td class="highlight" id="zq6"></td> <td class="highlight" id="zq7"></td> </tr> <tr> <td class="label">浣欐皵</td> <td id="yq1"></td> <td id="yq2"></td> <td id="yq3"></td> <td id="yq4"></td> <td class="highlight" id="yq5"></td> <td class="highlight" id="yq6"></td> <td class="highlight" id="yq7"></td> </tr> <tr> <td class="label">绾抽煶</td> <td id="ny1"></td> <td id="ny2"></td> <td id="ny3"></td> <td id="ny4"></td> <td class="highlight" id="ny5"></td> <td class="highlight" id="ny6"></td> <td class="highlight" id="ny7"></td> </tr> <tr> <td class="label">绌轰骸</td> <td id="kw1"></td> <td id="kw2"></td> <td id="kw3"></td> <td id="kw4"></td> <td class="highlight" id="kw5"></td> <td class="highlight" id="kw6"></td> <td class="highlight" id="kw7"></td> </tr> <tr> <td class="label">闀跨敓</td> <td id="cs1"></td> <td id="cs2"></td> <td id="cs3"></td> <td id="cs4"></td> <td class="highlight" id="cs5"></td> <td class="highlight" id="cs6"></td> <td class="highlight" id="cs7"></td> </tr> </table> </div>  <div class="card"> <div class="card-title">馃殑澶ц繍锛堢偣鍑诲垏鎹級</div> <table> <tr> <td class="label">澶ц繍</td> <td onclick="ale_dayun(0)" id="dyn0"></td> <td onclick="ale_dayun(1)" id="dyn1"></td> <td onclick="ale_dayun(2)" id="dyn2"></td> <td onclick="ale_dayun(3)" id="dyn3"></td> <td onclick="ale_dayun(4)" id="dyn4"></td> <td onclick="ale_dayun(5)" id="dyn5"></td> <td onclick="ale_dayun(6)" id="dyn6"></td> <td onclick="ale_dayun(7)" id="dyn7"></td> </tr> <tr> <td class="label">骞撮緞</td> <td id="dys0"></td> <td id="dys1"></td> <td id="dys2"></td> <td id="dys3"></td> <td id="dys4"></td> <td id="dys5"></td> <td id="dys6"></td> <td id="dys7"></td> </tr> <tr> <td class="label">杩愬共</td> <td class="bazi-cell" id="dyg0"></td> <td class="bazi-cell" id="dyg1"></td> <td class="bazi-cell" id="dyg2"></td> <td class="bazi-cell" id="dyg3"></td> <td class="bazi-cell" id="dyg4"></td> <td class="bazi-cell" id="dyg5"></td> <td class="bazi-cell" id="dyg6"></td> <td class="bazi-cell" id="dyg7"></td> </tr> <tr> <td class="label">杩愭敮</td> <td class="bazi-cell" id="dyz0"></td> <td class="bazi-cell" id="dyz1"></td> <td class="bazi-cell" id="dyz2"></td> <td class="bazi-cell" id="dyz3"></td> <td class="bazi-cell" id="dyz4"></td> <td class="bazi-cell" id="dyz5"></td> <td class="bazi-cell" id="dyz6"></td> <td class="bazi-cell" id="dyz7"></td> </tr> <tr> <td class="label">浜よ繍</td> <td id="dyj0"></td> <td id="dyj1"></td> <td id="dyj2"></td> <td id="dyj3"></td> <td id="dyj4"></td> <td id="dyj5"></td> <td id="dyj6"></td> <td id="dyj7"></td> </tr> </table> </div>  <div class="card"> <div class="card-title">馃搮娴佸勾锛堝綋鍓嶅ぇ杩愶級</div> <table> <tr> <td class="label">骞翠唤</td> <td onclick="ale_liunian(0)" id="ln0">--</td> <td onclick="ale_liunian(1)" id="ln1">--</td> <td onclick="ale_liunian(2)" id="ln2">--</td> <td onclick="ale_liunian(3)" id="ln3">--</td> <td onclick="ale_liunian(4)" id="ln4">--</td> <td onclick="ale_liunian(5)" id="ln5">--</td> <td onclick="ale_liunian(6)" id="ln6">--</td> <td onclick="ale_liunian(7)" id="ln7">--</td> <td onclick="ale_liunian(8)" id="ln8">--</td> <td onclick="ale_liunian(9)" id="ln9">--</td> </tr> <tr> <td class="label">骞村共</td> <td class="bazi-cell" id="lng0"></td> <td class="bazi-cell" id="lng1"></td> <td class="bazi-cell" id="lng2"></td> <td class="bazi-cell" id="lng3"></td> <td class="bazi-cell" id="lng4"></td> <td class="bazi-cell" id="lng5"></td> <td class="bazi-cell" id="lng6"></td> <td class="bazi-cell" id="lng7"></td> <td class="bazi-cell" id="lng8"></td> <td class="bazi-cell" id="lng9"></td> </tr> <tr> <td class="label">骞存敮</td> <td class="bazi-cell" id="lnz0"></td> <td class="bazi-cell" id="lnz1"></td> <td class="bazi-cell" id="lnz2"></td> <td class="bazi-cell" id="lnz3"></td> <td class="bazi-cell" id="lnz4"></td> <td class="bazi-cell" id="lnz5"></td> <td class="bazi-cell" id="lnz6"></td> <td class="bazi-cell" id="lnz7"></td> <td class="bazi-cell" id="lnz8"></td> <td class="bazi-cell" id="lnz9"></td> </tr> </table> </div>  <div class="card"> <div class="card-title">馃寵娴佹湀</div> <table> <tr> <td class="label">鑺傛皵</td> <td>绔嬫槬</td> <td>鎯婅洶</td> <td>娓呮槑</td> <td>绔嬪</td> <td>鑺掔</td> <td>灏忔殤</td> <td>绔嬬</td> <td>鐧介湶</td> <td>瀵掗湶</td> <td>绔嬪啲</td> <td>澶ч洩</td> <td>灏忓瘨</td> </tr> <tr> <td class="label">鏈?/td> <td>2鏈?/td> <td>3鏈?/td> <td>4鏈?/td> <td>5鏈?/td> <td>6鏈?/td> <td>7鏈?/td> <td>8鏈?/td> <td>9鏈?/td> <td>10鏈?/td> <td>11鏈?/td> <td>12鏈?/td> <td>1鏈?/td> </tr> <tr> <td class="label">骞?/td> <td class="bazi-cell" id="lyg0"></td> <td class="bazi-cell" id="lyg1"></td> <td class="bazi-cell" id="lyg2"></td> <td class="bazi-cell" id="lyg3"></td> <td class="bazi-cell" id="lyg4"></td> <td class="bazi-cell" id="lyg5"></td> <td class="bazi-cell" id="lyg6"></td> <td class="bazi-cell" id="lyg7"></td> <td class="bazi-cell" id="lyg8"></td> <td class="bazi-cell" id="lyg9"></td> <td class="bazi-cell" id="lyg10"></td> <td class="bazi-cell" id="lyg11"></td> </tr> <tr> <td class="label">鏀?/td> <td class="bazi-cell" id="lyz0"></td> <td class="bazi-cell" id="lyz1"></td> <td class="bazi-cell" id="lyz2"></td> <td class="bazi-cell" id="lyz3"></td> <td class="bazi-cell" id="lyz4"></td> <td class="bazi-cell" id="lyz5"></td> <td class="bazi-cell" id="lyz6"></td> <td class="bazi-cell" id="lyz7"></td> <td class="bazi-cell" id="lyz8"></td> <td class="bazi-cell" id="lyz9"></td> <td class="bazi-cell" id="lyz10"></td> <td class="bazi-cell" id="lyz11"></td> </tr> </table> </div> </div> <nav class="bottom-nav"> <a href="index.html" class="nav-item"> <span class="nav-icon">馃彔</span> <span>棣栭〉</span> </a> <a href="report.html" class="nav-item"> <span class="nav-icon">馃搳</span> <span>鎶ュ憡</span> </a> <a href="games/game-list.html" class="nav-item"> <span class="nav-icon">馃幃</span> <span>娓告垙</span> </a> <div class="nav-item"> <span class="nav-icon">馃懁</span> <span>鎴戠殑</span> </div> </nav>  <script src="js/bazipaipan.js"></script> <script src="js/bazi-core.js"></script> <script src="js/kongwang.js"></script> <script> // jaZi 宸插湪 bazipaipan.js 涓畾涔? let birthYear, birthMonth, birthDay, birthTime, gender; let dayunshuzu = []; let dayunzishu = []; // 鍏ㄥ眬鍙橀噺锛氬綋鍓嶉€変腑鐨勭殑澶ц繍/娴佸勾绱㈠紩 var currentDayunIdx = 0; var currentLiunianIdx = 0; function updateSelectedDisplay() { if (typeof jiaoYunNian !== 'number') return; // 鏇存柊鍙充笂瑙掓樉绀? var dayunYear = jiaoYunNian + currentDayunIdx * 10; document.getElementById('selDayun').textContent = dayunYear + ' ' + (dayunGan[currentDayunIdx] || '?') + (dayunZhi[currentDayunIdx] || '?'); // 娴佸勾锛氭牴鎹綋鍓嶅ぇ杩愯绠? var liunianYear = dayunYear + currentLiunianIdx; var gzIndex = (liunianYear - 1924 + 60) % 60; var gz = siZhuJaZi[gzIndex] || '??'; document.getElementById('selLiunian').textContent = liunianYear + ' ' + gz; // 娴佹湀锛氭牴鎹綋鍓嶆祦骞磋绠楋紙绠€鍖栵細娴佸勾璧峰鏈堬級 var liuyueMonth = (birthMonth - 1 + currentLiunianIdx + 12) % 12 + 1; var liuyueGzIndex = (liunianYear - 1924 + liuyueMonth + 60) % 60; var liuyueGz = siZhuJaZi[liuyueGzIndex] || '??'; document.getElementById('selLiuyue').textContent = liuyueMonth + '鏈?' + liuyueGz; } function ale_dayun(idx) { currentDayunIdx = idx; currentLiunianIdx = 0; updateSelectedDisplay(); updateHighlight(); } function ale_liunian(idx) { currentLiunianIdx = idx; updateSelectedDisplay(); updateHighlight(); } function updateHighlight() { if (typeof jiaoYunNian !== 'number') return; for (let i = 0; i < 8; i++) { var el = document.getElementById('dyn'+i); if (el) el.style.background = i === currentDayunIdx ? 'rgba(255,215,0,0.3)' : ''; } for (let i = 0; i < 10; i++) { var el = document.getElementById('ln'+i); if (el) el.style.background = i === currentLiunianIdx ? 'rgba(255,215,0,0.3)' : ''; } } window.onload = function() { let userInfo = JSON.parse(localStorage.getItem('wuxing_userInfo')); // 濡傛灉娌℃湁鐢ㄦ埛淇℃伅锛屼娇鐢ㄩ粯璁ゆ祴璇曟暟鎹紙寮€鍙戞祴璇曠敤锛? if (!userInfo) { console.log('浣跨敤榛樿娴嬭瘯鏁版嵁'); userInfo = { date: '1990-08-15', time: '1500', // 15:00 gender: '鐢? // 鐢? }; // 淇濆瓨涓洪粯璁ょ敤鎴蜂俊鎭? localStorage.setItem('wuxing_userInfo', JSON.stringify(userInfo)); } const dateParts = userInfo.date.split('-'); birthYear = parseInt(dateParts[0]); birthMonth = parseInt(dateParts[1]); birthDay = parseInt(dateParts[2]); birthTime = userInfo.time; gender = userInfo.gender; document.getElementById('userText').textContent = `${gender}锛岀敓浜?{birthYear}骞?{birthMonth}鏈?{birthDay}鏃?${birthTime}鏃禶; // 鍦ㄥ鑸爮鍙宠竟鏄剧ず鐢ㄦ埛淇℃伅 var infoText = gender + ' ' + birthYear + '.' + birthMonth + '.' + birthDay; // 璁＄畻鍏瓧 setbazi(birthYear, birthMonth, birthDay, birthTime); // 鏄剧ず鍏瓧 document.getElementById('tg1').textContent = y_Gan; document.getElementById('tg2').textContent = m_Gan; document.getElementById('tg3').textContent = d_Gan; document.getElementById('tg4').textContent = h_Gan; document.getElementById('dz1').textContent = y_Zi; document.getElementById('dz2').textContent = m_Zi; document.getElementById('dz3').textContent = d_Zi; document.getElementById('dz4').textContent = h_Zi; // 璁＄畻鍗佺锛堜娇鐢?bazi-core.js 涓殑鍑芥暟锛? document.getElementById('ss1').textContent = getShiShen(y_Gan, d_Gan); document.getElementById('ss2').textContent = getShiShen(m_Gan, d_Gan); document.getElementById('ss4').textContent = getShiShen(h_Gan, d_Gan); // 鏈皵锛堝甫鍗佺锛? document.getElementById('bq1').textContent = formatCangGanWithShiShen(y_Zi, d_Gan).split(" ")[0]; document.getElementById('bq2').textContent = formatCangGanWithShiShen(m_Zi, d_Gan).split(" ")[0]; document.getElementById('bq3').textContent = formatCangGanWithShiShen(d_Zi, d_Gan).split(" ")[0]; document.getElementById('bq4').textContent = formatCangGanWithShiShen(h_Zi, d_Gan).split(" ")[0]; // 涓皵锛堝甫鍗佺锛? document.getElementById('zq1').textContent = formatCangGanWithShiShen(y_Zi, d_Gan).split(" ")[1] || ""; document.getElementById('zq2').textContent = formatCangGanWithShiShen(m_Zi, d_Gan).split(" ")[1] || ""; document.getElementById('zq3').textContent = formatCangGanWithShiShen(d_Zi, d_Gan).split(" ")[1] || ""; document.getElementById('zq4').textContent = formatCangGanWithShiShen(h_Zi, d_Gan).split(" ")[1] || ""; // 浣欐皵锛堝甫鍗佺锛? document.getElementById('yq1').textContent = formatCangGanWithShiShen(y_Zi, d_Gan).split(" ")[2] || ""; document.getElementById('yq2').textContent = formatCangGanWithShiShen(m_Zi, d_Gan).split(" ")[2] || ""; document.getElementById('yq3').textContent = formatCangGanWithShiShen(d_Zi, d_Gan).split(" ")[2] || ""; document.getElementById('yq4').textContent = formatCangGanWithShiShen(h_Zi, d_Gan).split(" ")[2] || ""; // 绾抽煶锛堜娇鐢?bazi-core.js 涓殑鍑芥暟锛屼紶鍏ュ共鏀瓧绗︿覆濡?鐢插瓙"锛? document.getElementById('ny1').textContent = NaYinjisuan(y_Gan + y_Zi); document.getElementById('ny2').textContent = NaYinjisuan(m_Gan + m_Zi); document.getElementById('ny3').textContent = NaYinjisuan(d_Gan + d_Zi); document.getElementById('ny4').textContent = NaYinjisuan(h_Gan + h_Zi); // 绌轰骸锛堜娇鐢?kongwang.js 涓殑鍑芥暟锛? var nianZhu = y_Gan + y_Zi; var yueZhu = m_Gan + m_Zi; var riZhu = d_Gan + d_Zi; var shiZhu = h_Gan + h_Zi; var kw_nian = jisuankongwang(nianZhu); var kw_yue = jisuankongwang(yueZhu); var kw_ri = jisuankongwang(riZhu); var kw_shi = jisuankongwang(shiZhu); document.getElementById('kw1').textContent = kw_nian; document.getElementById('kw2').textContent = kw_yue; document.getElementById('kw3').textContent = kw_ri; document.getElementById('kw4').textContent = kw_shi; // 闀跨敓锛堜娇鐢?bazipaipan.js 涓殑鍑芥暟锛屼紶鍏ユ棩骞插拰鍦版敮锛? changshengjisuan(d_Gan, y_Zi); document.getElementById('cs1').textContent = changsheng12danci; changshengjisuan(d_Gan, m_Zi); document.getElementById('cs2').textContent = changsheng12danci; changshengjisuan(d_Gan, d_Zi); document.getElementById('cs3').textContent = changsheng12danci; changshengjisuan(d_Gan, h_Zi); document.getElementById('cs4').textContent = changsheng12danci; // 鏄剧ず澶ц繍锛堣皟鐢ㄧ湡瀹炲嚱鏁帮級 // 1. 璁＄畻澶ц繍鏂瑰悜锛堢洿鎺ヤ娇鐢?localStorage 涓殑鎬у埆鍊硷細鐢?濂筹級 paiDaYun(gender); // 2. 璁＄畻璧疯繍 qiYunShu(birthYear, birthMonth, birthDay, birthTime); // 3. 鏄剧ず澶ц繍锛?鍒楋紝浠庝氦杩愬勾寮€濮嬶紝姣忓垪+10骞达級 for (let i = 0; i < 8; i++) { // 澶ц繍骞翠唤 = 浜よ繍骞?+ i*10 var dyYear = jiaoYunNian + i * 10; document.getElementById('dyn'+i).textContent = dyYear; // 宀佹暟 = 澶ц繍骞翠唤 - 鍑虹敓骞翠唤 document.getElementById('dys'+i).textContent = (dyYear - birthYear) + '宀?; // 浜よ繍 = 澶ц繍骞翠唤 + 9 document.getElementById('dyj'+i).textContent = dyYear + 9; } // 4. 璁＄畻澶ц繍骞叉敮 showDaYun(); // 5. 鏄剧ず杩愬共杩愭敮锛堜娇鐢╠ayunGan/dayunZhi宸茬粡鍦╞azipaipan.js涓绠楀ソ浜嗭級 for (let i = 0; i < 8; i++) { document.getElementById('dyg'+i).textContent = dayunGan[i] || '?'; document.getElementById('dyz'+i).textContent = dayunZhi[i] || '?'; } // 鏄剧ず娴佸勾锛堝綋鍓嶅ぇ杩愮殑10骞达級 var currentYear = new Date().getFullYear(); // 2026 var currentDayunStart = jiaoYunNian || 2000; console.log('jiaoYunNian:', jiaoYunNian, 'currentYear:', currentYear); // 鎵惧埌褰撳墠澶ц繍锛堝寘鍚?026骞寸殑澶ц繍锛? if (typeof jiaoYunNian === 'number') { for (let i = 0; i < 8; i++) { var dyStart = jiaoYunNian + i * 10; var dyEnd = dyStart + 9; if (currentYear >= dyStart && currentYear <= dyEnd) { currentDayunStart = dyStart; break; } } } console.log('currentDayunStart:', currentDayunStart, 'siZhuJaZi:', typeof siZhuJaZi); // 鏄剧ず褰撳墠澶ц繍10骞达紙浣跨敤siZhuJaZi锛屽畠鏄瓧绗︿覆鏁扮粍锛? for (let i = 0; i < 10; i++) { var year = currentDayunStart + i; var gzIndex = (year - 1924 + 60) % 60; // 1924骞存槸鐢插瓙骞达紝绱㈠紩0 var gz = siZhuJaZi[gzIndex] || '??'; document.getElementById('ln'+i).textContent = year; document.getElementById('lng'+i).textContent = gz.charAt(0); document.getElementById('lnz'+i).textContent = gz.charAt(1); } // 鏄剧ず娴佹湀锛堢畝鍖栵級 for (let i = 0; i < 12; i++) { var yueIndex = (birthMonth - 1 + i + 12) % 12; var gzIndex = (yueIndex + 60) % 60; var gz = siZhuJaZi[gzIndex] || '??'; document.getElementById('lyg'+i).textContent = gz.charAt(0); document.getElementById('lyz'+i).textContent = gz.charAt(1); } }; // 鍏ㄥ眬鍙橀噺锛氬綋鍓嶉€変腑鐨勫ぇ杩?娴佸勾绱㈠紩 var currentDayunIdx = 0; var currentLiunianIdx = 0; function updateSelectedDisplay() { // 鏇存柊鍙充笂瑙掓樉绀? var dayunYear = jiaoYunNian + currentDayunIdx * 10; document.getElementById('selDayun').textContent = dayunYear + ' ' + dayunGan[currentDayunIdx] + dayunZhi[currentDayunIdx]; // 娴佸勾锛氭牴鎹綋鍓嶅ぇ杩愯绠? var liunianYear = dayunYear + currentLiunianIdx; var gzIndex = (liunianYear - 1924 + 60) % 60; var gz = siZhuJaZi[gzIndex] || '??'; document.getElementById('selLiunian').textContent = liunianYear + ' ' + gz; // 娴佹湀锛氭牴鎹綋鍓嶆祦骞磋绠楋紙绠€鍖栵細娴佸勾璧峰鏈堬級 var liuyueYear = liunianYear; var liuyueMonth = (birthMonth - 1 + currentLiunianIdx + 12) % 12 + 1; var liuyueGzIndex = (liuyueYear - 1924 + liuyueMonth) % 60; var liuyueGz = siZhuJaZi[liuyueGzIndex] || '??'; document.getElementById('selLiuyue').textContent = liuyueMonth + '鏈?' + liuyueGz; } function ale_dayun(idx) { currentDayunIdx = idx; currentLiunianIdx = 0; // 鍒囧埌澶ц繍鏃讹紝娴佸勾閲嶇疆涓虹涓€骞? updateSelectedDisplay(); updateHighlight(); } function ale_liunian(idx) { currentLiunianIdx = idx; updateSelectedDisplay(); updateHighlight(); } function updateHighlight() { // 楂樹寒褰撳墠閫変腑鐨勫ぇ杩愬垪鍜屾祦骞村垪 // 娓呴櫎鎵€鏈夐珮浜? for (let i = 0; i < 8; i++) { document.getElementById('dyn'+i).style.background = i === currentDayunIdx ? 'rgba(255,215,0,0.3)' : ''; } for (let i = 0; i < 10; i++) { document.getElementById('ln'+i).style.background = i === currentLiunianIdx ? 'rgba(255,215,0,0.3)' : ''; } } </body> </html>