Click here for free DL of the app version that can save data.

No:1481

262

←

Prev Next

→

Displays Japanese time to the nearest second, but ..ALL
Developer sayaensm｜Date and time 23/6/18 17:16:56
Build time 15.093 sec｜Game capacity 1.327KB｜

Script

時計ゲーム

日本の時刻:

このアプリは「時計ゲーム」と呼ばれます。ユーザーは「クリックしてスタート」と書かれたボタンをクリックすることでゲームをスタートします。日本の時刻が1秒ごとに表示されますが、60秒に1回、秒表示の部分が赤くなります。スマホでも操作できるように、ボタンを大きくし、絵文字も使用しました。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>時計ゲーム</title>
    <style>
      .red {
        color: red;
      }
    </style>
  </head>
  
  <body>
    <h1>時計ゲーム</h1>
    <p>日本の時刻: <span id="clock"></span></p>
    <button id="button">クリックしてスタート</button>
    
    <script>
      let timer;
      let count = 0;
      const clock = document.getElementById("clock");
      const button = document.getElementById("button");
      
      button.addEventListener("click", function() {
        timer = setInterval(updateClock, 1000);
      });
      
      function updateClock() {
        count++;
        let time = new Date().toLocaleString("ja-JP", {hour12: false, second: "numeric"});
        clock.textContent = time;
        if (count % 60 === 0) {
          clock.classList.add("red");
        }
      }
    </script>
  </body>
</html>