js。。。。。。

2019-08-20

<!DOCTYPE html>

<html lang="en"> <head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>

</head> <style>

html,
body {
    height: 100%;
    width: 100%;
}
div {
    width: 400px;
    height: 300px;
    background: #cccc;
}
ul,li {
    margin-bottom: 5px;
}

</style>

<body>

<div>
    <ul id="ul">
    </ul>
</div>

</body> <script>

(function () {
    const ul = document.getElementById('ul');
    let num = 2;
    const arr = ['11111111111', '22222222222222222'] || [];
    Add(arr);
    function Add (arr = []) {
        if (arr.length) {
            let str = '';
            arr.forEach(v => {
                str += `<li>${v}</li>`;
            });
            console.log(str, ul);
            ul.innerHTML = str;
        }
    }
    setInterval(() => {
        num ++;
        if (arr.length > 10) {
            arr.unshift(`${num * 111111111111111111}`);
            arr.pop();
        } else {
            arr.unshift(`${num * 111111111111111111}`);
        }
        Add(arr);
    }, 2000);
})()

</script>

</html>

原文链接:segmentfault.com

上一篇:媒体查询兼容ie8
下一篇:ngmin-dynamic
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部