顯示具有 html Javascript 標籤的文章。 顯示所有文章
顯示具有 html Javascript 標籤的文章。 顯示所有文章

2025年8月27日 星期三

[javascript] RGB 顏色選擇器(RGB color picker)

RGB 顏色選擇器
RGB 顏色選擇器
紅色 (R) 128
綠色 (G) 128
藍色 (B) 128
十六進製代碼
RGB 值
rgb(128, 128, 128)
十六進製
#808080
💡 點擊顏色區域可複製十六進製代碼

2025年7月28日 星期一

[javascript] 免費的天氣API工具,可查詢任何地方的天氣資訊(Free Weather API)

宜蘭即時天氣
🏔️ 宜蘭即時天氣
正在載入天氣資料...

  





2022年1月25日 星期二

[html javascript] 倒數計時 count down

 倒數計時   Javascript count down

<script type='text/javascript'>

 // 設定倒數日期

var countDownDate = new Date("Jan 1, 2023 00:00:00").getTime();

 // 每秒更新1次

var x = setInterval(function() {

   // 取得今天的日期及時間

  var now = new Date().getTime();

   // 取得現在與倒數日期的間隔

  var distance = countDownDate - now;

   // 計算

  var days = Math.floor(distance / (1000 * 60 * 60 * 24));

  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

   // 在 id="endSemester"顯示結果

  document.getElementById("endSemester").innerHTML = days + " " + hours + "小時 "

  + minutes + "分鐘 " + seconds + " ";

   // 倒數結束輸出

  if (distance < 0) {

    clearInterval(x);

    document.getElementById("endSemester").innerHTML = "新年快樂 ^_^";

  }

}, 1000);

 </script>

 <h3>Time to end of semester.<p id="endSemester"></p></h3>

距離 2023 年

熱門文章