## 使用js實現倒計時效果 ``` <div> <h2>恭喜您，支付成功</h2> <span id="jumpTo">10</span>秒后自動返回首頁 <p><button>立即返回</button></p> </div> <script> // 邏輯：加載頁面時，應該觸發定時器 10s window.onload = function(){ let timer = 10; setInterval(()=>{ timer--; document.getElementById('jumpTo').innerText = timer; //時間結束后跳轉 if(timer==0){ location.href = 'https://jinwen01.ke.qq.com'; } },1000); } //點擊直接跳轉 document.getElementsByTagName('button')[0].onclick = function(){ location.href = 'https://jinwen01.ke.qq.com'; } </script> <style> div{ margin:0 auto; width: 500px; } #jumpTo{ color: red; font-size: 30px; } </style> ``` 效果圖：