|
window.loading = function() {
var sin = 0;
var sel = null; //計時器
var br = true; //判斷是否請求完所有的數據
var bl = true; //判斷是否ios an
var all_H; //下拉高度
var xl_xu, sl_xu; //下拉選和上拉選
var str;
let box = document.getElementsByClassName('one')[0] //獲取到整個的body
let box_childer = document.getElementsByClassName('kl')[0]
let li = document.querySelectorAll('li') //所有的li
box.addEventListener('touchstart', start) //摁下事件
box.addEventListener('scroll', (e) => scrol(e)) //移動事件
box.addEventListener('touchend', end) //摁下離開事件
// box.addEventListener('touchmove',move_lin)//拖拽事件
function scrol(e) { //滾動事件
let move_scroll = br && bl ? e.target.scrollTop : NaN
all_H = box.clientHeight + move_scroll
if(all_H >= e.target.scrollHeight) { //觸底了
bl = false
if(sin ^ 3) {
++sin
} else {
if(xl_xu) {
return
}
establish(2)
return false
}
br = false
//創建一個節點來顯示所示內容
establish();
}
}
function end() { //鼠標離開事件
bl = true
}
function start(e) { //摁下事件
bl = true
}
function establish(a = 0) { //創建dom加載元素
if(a == 2) { //說明是最後一頁
xl_xu = document.createElement('div');
xl_xu.style.textAlign = 'center'
xl_xu.innerHTML = '已經最後一頁了'
box_childer.appendChild(xl_xu)
return
}
if(xl_xu) { //說明有 那就先刪除
box_childer.removeChild(xl_xu)
}
xl_xu = document.createElement('div')
xl_xu.style.textAlign = 'center'
xl_xu.innerHTML = str
box_childer.appendChild(xl_xu)
sel = setTimeout(() => {
box_childer.removeChild(xl_xu)
xl_xu = null
clearTimeout(sel);
let a = Array.from({length: 5}, _ =>document.createElement('li'))
for(let i = 0;i<a.length; i++) {
a[i].classList.add('lis')
box_childer.appendChild(a[i])
}
sel = null
br = true
}, 1500)
}
（编辑：焦作站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
