JavaScript计数已在数组中运行的项目

时间:2017-06-06 16:48:46

标签: javascript

我对Javascript很新,所以我正在寻求一些帮助。 我有一个网页,可以加载iframe并循环遍历大量的网址。这一切都在一些帮助之后起作用。

但是我现在需要一个显示已完成网址计数的div,因此每次执行一次,它会将计数增加一。

任何想法?



<script type="text/javascript">

var urls1 =
  [
    #myList1#
  ];

function showUrl1(idx)
{
  var f1 = document.getElementById("f1");
  f1.onload = function()
  {
    var next = idx === urls1.length? null: ++idx;
		setTimeout(function()
		{   
      if(next != null)
        {
			    showUrl1(next);
			  }

		}, 500);
	}
	f1.src = urls1[idx];
}

function start()
{
  showUrl1(0);
}
&#13;
<body onload="start()">
  <div class="container">
    <iframe class="show1" id="f1" src="about:blank"></iframe>
    <div class="count1"></div>
  </div>
</body>
    
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

只需设置div的var char = UniChar() var length = 0 event.keyboardGetUnicodeString(maxStringLength: 1, actualStringLength: &length, unicodeString: &char) =索引的值。

.innerHTML
var urls1 = [
  'https://localhost:8500/SupportTools/t1.cfm',
  'https://localhost:8500/SupportTools/t2.cfm',
  'https://localhost:8500/SupportTools/t3.cfm',
  'https://localhost:8500/SupportTools/t4.cfm',
  'https://localhost:8500/SupportTools/t5.cfm'
];

function showUrl1(idx) {
  var f1 = document.getElementById("f1");
  f1.onload = function() {
    if (idx >= urls1.length) {
      return;
    }

    var next = ++idx;
    
    setTimeout(function() {
      if (next != null) {
        document.getElementById("counter").innerHTML = idx;
        showUrl1(next);
      }
    }, 500);
  }

  f1.src = urls1[idx];
}

function start() {
  showUrl1(0);
}

start();

答案 1 :(得分:1)

创建一个ID为count1且格号为0的div。使用document.getElementById('count1')定位div,因为您已经在做了。在if语句的正下方,定位该元素并将其innerHTML设置为idx

答案 2 :(得分:1)

使用iddiv添加class='count1',并将其设置为等于索引的值。

<script>

    var i = 0;

    $document.getElementByID('count1').innerHTML = "URL Count: "+'index here';



</script>