Show all image in a single folder

index.html

<div id=container />
<script>
        async function getList() {
                const resp = await fetch("list.txt", {cache: "no-store"})
                const text = await resp.text()
                const list = text.split("\n")
                return list.filter(name => name.includes(".png"))
        }
        var container = document.getElementById("container")
        var oldList = []
        function appendImage(name) {
                if (!oldList.includes(name)) {
                        const image = document.createElement('img')
                        image.src = name
                        console.log("append " + name)
                        container.appendChild(image)
                        oldList.push(name)
                }
        }
        setInterval(async function() {
                const newList = await getList()
                newList.forEach(appendImage)
        },1000)
</script>

This script is useful when using this index.html

while sleep 2; do find . -printf '%T@ %p\n' | sort | awk '{print $2}' > list.txt; done;