网页倒计时刷新页面的代码实例

网页倒计时刷新页面的代码实例

1448发表于2017-04-16

今天看到一段网页倒计时刷新页面的代码,分享给大家,运行效果如下:


部分源码:


<body>
<div class="system-message"><h3 class="bg_db">正 确</h3>
<p class="success">萨摩耶犬图片:,下一个</p>
<p class="detail"></p>
<p class="jump">
页面自动 <a id="href" href="/Public/Auto/update/n/345/force/0">跳转</a> 
等待时间:<b id="wait">8</b>
</p>
</div>
<script type="text/javascript">
	(function() {
		var wait = document.getElementById('wait'), href = document.getElementById('href').href;
		var interval = setInterval(function() {
			var time = --wait.innerHTML;
			if (time == 0) {
				if (self != top) {
					var i = parent.layer.getFrameIndex();
					if (i) {
						top.location.href = top.location.href;
						parent.layer.close(i);
					}
				}
				else {
					location.href = href;
					clearInterval(interval);
				}
			}
		}, 1000);
	})();
</script>
</body>


代码剖析:

1、有了setInterval定时器,时间间隙为1000毫秒,也就是1s

2、关键性代码:var time = --wait.innerHTML;

wait.innerHTML获取当前读秒,然后“--”相当于如下代码:


wait.innerHtml=wait.innerHtml-1;
var time=wait.innerHtml;


小编蓝狐