promise间隔时间添加dom
2021-05-13 22:58
435 查看
<!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 的基本用法
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery 获取dom固定元素 添加样式的简单实例
- DOM创建节点和添加属性
- 如果dom节点是动态添加进页面的，在页面节点绑定事件如何解决的问题。
- AngularJS实现动态编译添加到dom中的方法
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM 中当将一个元素添加到其他的元素中时，原来的元素被删除
- javascript DOM添加元素,使用节点属性
- DOM 节点的自动添加
- Angularjs学习笔记2_添加删除DOM元素
- JQuery 动态添加DOM元素及事件响应机制的2点注意
- js操作DOM动态添加和移除事件
- javascript操作DOM--添加、删除节点的简单实例
- js 修改svg样式、动态加入DOM元素、添加事件响应函数
- Qt之Dom添加和修改节点
- [原创 js]指定DOM中添加字符串函数
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript DOM 中当将一个元素添加到其他的元素中时，原来的元素被删除
- JavaScript动态添加DOM元素总结
- ANGULARJS 动态编译添加到dom中
- Dom操作 表格的添加行，删除行，修改行，