async之诗句慢慢出现

<body>
    <ul class="oul"></ul>
    <script>
        let str = ["君不见,黄河之水天上来,奔流到海不复回。",
            "君不见,高堂明镜悲白发,朝如青丝暮成雪。",
            "人生得意须尽欢,莫使金樽空对月。",
            "天生我材必有用,千金散尽还复来。",
            "烹羊宰牛且为乐,会须一饮三百杯。",
            "岑夫子,丹丘生,将进酒,杯莫停。",
            "与君歌一曲,请君为我倾耳听。",
            "钟鼓馔玉不足贵,但愿长醉不复醒。",
            "古来圣贤皆寂寞,惟有饮者留其名。",
            "陈王昔时宴平乐,斗酒十千恣欢谑。",
            "主人何为言少钱,径须沽取对君酌。",
            "五花马,千金裘,呼儿将出换美酒,与尔同销万古愁"]
        const oul = document.querySelector(".oul");
        function ren(str1) {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    let li = document.createElement("li")
                    li.innerHTML = str1
                    oul.appendChild(li)
                    resolve()
                }, 1000)
            })
        }

        async function red() {
            for (let i = 0; i < str.length; i++) {
                await ren(str[i])
            }
        }
        red()
    </script>
</body>

猜你喜欢

转载自www.cnblogs.com/cq1715584439/p/10702796.html
今日推荐