js两个页面的定时器互相影响

JavaScript014

js两个页面的定时器互相影响,第1张

问题：当一个页面同时有两个setInterval函数调用的冲突如何解决？

解决方法：

定义两个变量 并把 setInterval 赋值给变量

var a = setInterval(function(){ ------ code ------},1000)

var b = setInterval(function(){ ------ code ------},1000)

清除

clearInterval(a)

clearInterval(b)

举例：

注：

setInterval()方法会不停地调用函数，直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能：取消由setInterval()方法设置的定时器。

普通居中方法：margin：0 auto；就可以实现。应该是样页面的一个DOM居中吧！就用相对定位就可以了。

下面是个小例子：

<body>

<div id="div" style="width:100px height:100px background:#ccc display:none"></div>

    <input type="button" value="click me" id="btn" />

</body>

<script>

var oBtn = document.getElementById('btn')

var oDiv = document.getElementById('div')

oBtn.onclick = function(){

oDiv.style.cssText = 'width:100px height:100px background:#ccc top:50% left:50% position:absolute margin-left:-50px margin-top:-50px display:block'

}

</script>

cssText 需要将原样式清空后再补填样式。

主要是用样式的定位来做。你可以通过页面的宽度和高度去计算。