「はてなブログのサイドバーにカウントダウンのモジュールを入れたい!」という需要があったのでサクッと作ってみました。こんな感じになります。(スクリーンショットです)試験日や発表日、オフ会などのイベント開催日まで等、ブログに関連した内容のカウントダウンにご利用頂ければと。はてなブログのサイドバーにカウントダウンのモジュールを追加する方法デザイン→「カスタマイズ」タブ→サイドバー→「+モジュールを追加」→「HTML」を開いて「タイトル」のところにお好みのタイトルを入力したらhtml入力欄に下記のコードをコピペ。msg;</script>以上です。上記サンプルではとりあえず東京オリンピックまでのカウントダウンにしてあります。Date(2020,7,24);のところにカウントダウンしたい当該日を適宜設定します。"お疲れさまです!";日本語部分を適宜変更してOKです。このコードだと当日の翌日も当日表示される可能性ありますので、当日以降はとっととこのモジュールを削除した方が良いと思います(適当)。#eee;}</style>文言の箇所に#RealtimeCountdownArea1というid、日付の箇所にspanで.remaindayというclassを埋め込んでありますので適宜変更してください。カスタマイズが得意な方はこの辺を好きに色々弄って「色々なカウントダウンサイドバーのデザイン」とかの記事を書いて頂いて結構です(他力本願)。技術解説JavaScriptのmonthの扱いは罠jQueryは未使用です。-1);と、指定した月だけ1引いてやる必要があります。実は記事内にも貼れるお気づきの方もいらっしゃるかと思いますが、これサイドバーだけじゃなく記事上や記事下、ブログ記事のhtml編集欄にも書き込めます。こんなのを記事中に貼るとかちょっと弄ればこんなのとかも可能ですね。弄ったかはこの記事のhtmlソース見てください。※サイドバー含め、複数貼る場合は#RealtimeCountdownArea1のid名を「#RealtimeCountdownArea2」「#RealtimeCountdownArea3」...など、一意なものに変更する必要があります。追記:はてなラボにもカウントダウンモジュールあるよはてなラボで「はてなカウンティング」というものが提供されていて、作成したカウントダウンやカウントアップをサイドバーなどに貼れるようになっています。スタイルとか気にしなければこれで。counting.hatelabo.jpはてなラボご利用上の注意すべてが実験的なサービスです。完成度は総じて50%未満です。サービスが突然現れたり、突然無くなったりします。お預かりしたデータの保存は保証いたしません。無くなる、そんなこともありますので。らいち(アズライチ)。イラストや漫画を描いたりオーサリングしたりしてます。時々寄稿記事書いたりします。reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。