promise间隔时间添加dom
生活随笔
收集整理的这篇文章主要介绍了
promise间隔时间添加dom
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
<!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 的基本用法
与50位技术专家面对面20年技术见证，附赠技术全景图总结
以上是生活随笔为你收集整理的promise间隔时间添加dom的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： MySQL · 源码分析 · 一条ins
- 下一篇： 作业1-四则运算题目生成程序