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');

ShoroukAziz/notion_widgets

色を変えたい場合は、変更したい箇所のbackgroundのパラメータの値を変更し再度HTML CodeをGenerateすればOKです👌

ShoroukAziz/notion_widgets

<aside> 💡 普段よくアクセスするページにカウントダウンを埋め込んでおくと、締め切りを意識する習慣がつくので良いかも😎

</aside>

他にも

Google Sheetの図を綺麗にNotion埋め込みする際は、