今天來用用javaScript的延遲

使用方法

方法1 直接把你的函式包進去

<script>
            setTimeout(function () {
                console.log("一秒後執行")
            }, 1000) // 1000毫秒 = 1秒
</script>

方法二帶參數

<script>
            function greet(name) {
                console.log(`Hello, ${name}!`)
            }

            setTimeout(greet, 2000, "iron_man") // 2秒後執行並帶入參數'Alice'
</script>

方法三箭頭函數

<script>
            setTimeout(() => {
                console.log("箭頭函數")
            }, 4000)
</script>

延遲不會延遲程式碼

setTimeout延遲並不代表是delay，並不會等待你的這個跑完才繼續跑下去。

<script>
            function greet(name) {
                console.log(`Hello, ${name}!`)
            }
            setTimeout(greet, 3000, "第一個啟用的延遲")
            setTimeout(greet, 2000, "第二個啟用的延遲")
</script>

所以如果你要讓整個程式碼都delay就要將整個包住，不然他是不會管你的直接給你跑到底，延遲的部分額外在觸發。