promise间隔时间添加dom
16lz
2021-05-14
<!DOCTYPE html><html><head> <title></title></head><body> <input type="button" value="添加"><ul></ul><script> var oUl = document.querySelector("ul"); var oBtn = document.querySelector("input"); var count = 0; var timer = null; function createDom() { var oLi = document.createElement("li"); oLi.innerHTML = count++; oUl.appendChild(oLi); } var addDom = (function () { return new Promise(function (resolve, reject) { resolve(createDom); }); })(); oBtn.onclick = function () { timer = setInterval(function () { if (count == 10) { clearInterval(timer); } else { addDom.then(function (fn) { fn(); }); } }, 1000); }</script></body></html>
promise 的基本用法
©著作权归作者所有:来自51CTO博客作者迩伶贰的原创作品,如需转载,请注明出处,否则将追究法律责任更多相关文章
- 常见的事件
- 我干云计算这1年,胜过以前混5年!
- 写论文时发现了哪些神奇的网站?转给需要的jrs
- 网站301跳转问题的探讨和用法,网站做301跳转的相关问题
- 一个工作3年运维自我介绍话术 offer到碗里来
- sd-wan的时代也慢慢崛起了
- AD21下载和安装教程
- java获取指定年月的开始时间与结束时间
- 获取当天最大或最小日期