[自架伺服器] N秒後自動轉頁至○○○

日前在設定Nginx的時候，有想到一個狀況，是不是能在發生特定異常，例如：502或是404的時候，一律轉頁到首頁，原本的想法是直接在Nginx上設定，但是突然想到有看過別的網站，會提供一個頁面，顯示N秒後轉頁，就決定用這個方式來實作。

剛有這個想法到實際產出這個html頁，大約是5分鐘，因為我把這個工作「外包」給ChatGPT（免費版本），簡單的發問：「寫一個HTML N秒後轉頁」，不到10秒的時間，AI就把頁面寫好了，我只要簡單的調整一下內容，修改樣式，就可以直接上線。

使用ChatGPT大約一個禮拜左右，就我目前使用的狀況，以及AI回應的內容，我認為還不致於完全取代掉程式設計師，也可能是我目前使用的是免費版本，說不定付費版本又更加強大。

雖然寫程式的部份很厲害，不過目前仍是一個指令一個動作，可以很容易的寫出一個小程式，不過更複雜，需要大量整合，很多規則的系統，仍然是需要工程師來整合處理，況且目前寫出來的程式也不是百分百可以直接執行，還是需要人為介入來處理問題，不過就我這篇文章需求來說，AI確實是可以很快速的協助工程師完成工作。

如圖，AI寫的程式： AI寫程式

簡單調整後的程式：

<!DOCTYPE html>
<html>
  <head>
    <title>5秒後自動轉址...</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
  </head>
  <style>
	body {
		padding: 5% 20%;
		text-align: center;
		font-size: 2em;
	}
  </style>
  <body>
    <p>將在<span id="countdown">5</span>秒後，自動轉址至 <a href="https://chihpindu.com">貓咖啡工作室</a></p>
	<p>或是點擊 <a href="https://chihpindu.com">https://chihpindu.com</a> 立即前往 </p>
    <script>
      var seconds = 5;
      setInterval(function() {
        seconds--;
		if(seconds >= 0){
			document.getElementById("countdown").textContent = seconds;
		}
		
        if (seconds == 0) {
          window.location.href = "https://chihpindu.com";
        }
      }, 1000);
    </script>
  </body>
</html>

執行結果如下： N秒後自動轉址結果