現在の時刻表示 📖

現在の時刻を表示します

プログラム: (→大)

<!DOCTYPE html><meta charset="UTF-8">
<!-- HTMLで時計を定義 -->
<body style="font-size: 8em;">
    <div id="clock_div">00:00:00</div>
</body>
<!-- PyScript -->
<script type="module" src="https://pyscript.net/releases/2025.8.1/core.js"></script>
<script type="mpy">
    from js import setTimeout, document, Date
    
    # 現在時刻を更新する関数を定義
    def update_clock():
        # 現在時刻を更新
        time_s = Date.new().toLocaleTimeString("ja-JP")
        document.getElementById("clock_div").innerText = time_s
        # 500ミリ秒後に時刻更新を行うように指定
        setTimeout(update_clock, 500)

    update_clock() # 最初の呼び出し
</script>

プログラムを実行

⭐ ボムなんじゃも作
タイトル: 現在の時刻表示
ライセンス: 未指定 (未指定/貯蔵庫のみ)
タイプ: html
タグ: -
利用バージョン: 3.7.20
作成日時: 2026/05/29 12:19
公開の投稿

ログインして★を付けよう！

作品公開情報

📍この作品のURL:

📍アプリ(即時実行)のURL:

📍アプリ(実行ボタンあり)のURL:

📍ブログパーツ:

上記HTML↑をブログに貼り付けることでアプリを埋め込めます。

📍ライブラリ直リンク - 『!「***」を取込』で使うとき: