▶ 実 行
▶ 実行
クリア
#クリスマスな時計 #2021/12/22 #日数を設定する 日数に今日の/*9文字目*/9から2文字抜き出して代入 /*05日を5日にするために*/日数に「{日数×1}」を代入 #フォントを設定する DOM親要素に『 <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Leckerli+One&display=swap" rel="stylesheet"> 』をHTML設定 #時間、今日の日付、飾りつけを表示する 時間ラベル=今のラベル作成して改行作成 日付ラベル=「~ {今年}.{今月}.{日数} ~🎄」のラベル作成 飾りつけラベル=「❄ Merry Christmas !! > 🦌🎅」のラベル作成 時間ラベルに{ 文字サイズ:「{1.3×80}px」、 色:"crimson"、 /*上の余白*/ 「padding-top」:「{1×80}px」、 「font-family」:「'Leckerli One', cursive」、 「display」:「block」、 「text-align」:「中央」 }をDOMスタイル一括設定 日付ラベルに{ 文字サイズ: 「{0.4×80}px」、 色:"darkcyan"、 /*上の余白*/ 「padding-top」:「{0.5×80}px」、 /*下の余白*/ 「padding-bottom」:「{0.5×80}px」、 「font-family」:「'Leckerli One', cursive」、 「display」:「block」、 「text-align」:「中央」 }をDOMスタイル一括設定 飾りつけラベルに{ 文字サイズ: 「{0.4×80}px」、 色:"silver"、 「font-family」:「'Leckerli One', cursive」、 「display」:「block」、 「text-align」:「中央」 }をDOMスタイル一括設定 1/60秒毎には 時間ラベルに今をテキスト設定 ここまで