Daylight Hours Widget

A multifunctional daylight hours widget that allows you to check the transition of nighttime, twilight, and daytime at a glance in major cities.
It shows nighttime, astronomical twilight, nautical twilight, civil twilight, and daytime using color codes by time zone, thereby intuitively displaying the changes in brightness over 24 hours.

Add City

Language

Display Items

Country Name

City

X-axis Label

Table

Frame Size

Automatic

Height px

Width px

Embed Code

Insert between <body> and </body>.

<iframe src="" frameborder="0" scrolling="auto" id="timeLuftWidgetAstronomyTwilightIframe" style="width:100%;"></iframe>
<script type="text/javascript">
    function changeIframeSize(event){
        if (event.origin != "https://time.luft.co.jp") {
            return;
        }
        var target = document.getElementById(event.data.id);
        target.height = event.data.height;
    }
    window.addEventListener('message', changeIframeSize, false);
</script>