Notion Advent Calendar 17日目の記事になります。
Notionのページにカウントダウンを埋め込む方法を解説!Simple CountDownを活用し、締め切りやイベントを見える化することで生産性を向上させるコツを紹介します。
本記事では、15日目・16日目に続きでNotionのページ内埋め込みに適したコンテンツについて書いていきます📝
Notion Advent Calendar 2020 - Adventar
🖼️️ Apption | Simple CountDown
Simple CountDownで生成したURLより、以下のようなカウントダウンをNotionページに埋め込むことが出来ます。
Simple CountDownで生成したカウントダウン | Simple CountDownで生成したカウントダウン
Simple CountDownで生成したカウントダウン | Simple CountDownで生成したカウントダウン
106行目の値を変更することで、上記のように指定した日付のカウントダウンを行うことが出来ます。
const myDate = new Date('Oct 15, 2020 00:00:00');
色を変えたい場合は、変更したい箇所のbackground
のパラメータの値を変更し再度HTML CodeをGenerateすればOKです👌
<aside> 💡 普段よくアクセスするページにカウントダウンを埋め込んでおくと、締め切りを意識する習慣がつくので良いかも😎
</aside>