JS定时循环

Posted TTonlyV5

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS定时循环相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
    <script>
        $(document).ready(function(){
           // debugger;
             var array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16];
            //循环样式结构
            function fun(arr, index) {
              //  debugger;
                var str = "";
                str += '<div >';
                for (var i = (index - 1) * 5; i < (index - 1) * 5 + 5; i++) {
                    if (arr[i] != undefined) {
                        str += '<div >' + arr[i] + '</div>';
                    }
                }
                str += "</div>";
                $("#myresult").html("");
                $("#myresult").append(str);
            }

            var mytime = setInterval(function () { showme() }, 2000);
            var arrk = 1;
          function showme()
            {
              fun(array, arrk);
              arrk += 1;
              //debugger;
              if (arrk == Math.ceil(array.length / 5)+1)
              {
                  arrk = 1;
                 // clearInterval(mytime);
              }
          } 
        });
       
    </script>
</head>
<body>
    <div id="myresult" style=" width:300px;height:200px"></div>
</body>
</html>

以上是关于JS定时循环的主要内容,如果未能解决你的问题,请参考以下文章

js定时执行达到条件退出循环

js for循环中使用定时器

js的事件循环(Eventloop) 机制

jq刷新页面会定时器会清除么

译Node.js 事件循环, 定时器, 和 process.nextTick()

JS定时循环