async之诗句慢慢出现
2024-10-21 14:31:28
<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>
最新文章
- jquery.fn.extend与jquery.extend--(初体验二)
- java获取文件夹下文件名
- easyui combotree 默认 初始化时就选中
- linux ckconfig
- windows下react-native环境搭建
- c#线程问题(2)
- JS中的嵌套作用域
- Visual Studio配置OpenCV设置全局的继承属性
- 【运维】使用FC命令辅助查杀DLL木马
- offsetWidth和clientWidth的介绍和区别
- C语言程序代写(Linux下线程)
- 机器学习 F1-Score 精确率 - P 准确率 -Acc 召回率 - R
- FFMpeg首次使用
- Magento 2 Theme Ultimate Guide - 如何创建Magento 2主题终极指南
- Pip无法卸载某些包:Cannot uninstall &#39;PyYAML&#39;.
- STM32中断优先级彻底讲解
- @ResponseBody 和 @RequestBody 的作用
- ES6知识整理(8)--Promise对象
- SparkStreaming实时日志分析--实时热搜词
- Codeforces 394D Physical Education and Buns 胡搞