「私の cheat sheet」には以前から現在の時刻も表示しています。出展はこちら(※1)です。
最近そちらに「ウィジェット」があるのを知り、日の出・日没時刻も表示するようにしました。
サイトで「ウィジェット」をクリックし、「日出・日没」にチェックを入れ、文字サイズ、文字色、背景色を指定すると、ホームページに記載するコードが表示されます。それをコピーして自分のサイトに貼り付ければ完成です。
私の場合は、表示位置を右上隅にし、数字だけを表示したいので
<a href="https://time.is/Nara" id="time_is_link" rel="nofollow" style="font-size:18.5px"></a>
<span id="Nara_z444" style="font-size:1.6em;color:#ff4040;font-weight:bold;position:fixed;top:0;right:8px;background-color:#3e3e40;z-index:999;">
<script src="//widget.time.is/ja.js"></script>
<script>
time_is_widget.init({Nara_z444:{template:"TIME<br> SUN", sun_format:"srhour:srminute<br> sshour:ssminute", coords:"34.6850500,135.8048500"}});
</script></span>
としました。
付けてみて驚いたのは、このところ日が短くなってきたなと感じてはいますが、その日毎の早くなり方です。昨日と今日で、日の出は１３分遅くなり、日没は２分早くなっています。
もし興味があれば、貴方も表示してみてください。
(※1) https://time.is/
