javascript中特定div滚动的计数器启动
如何在滚动事件中启动计数器javascript中特定div滚动的计数器启动,javascript,Javascript,如何在滚动事件中启动计数器 var count = 0; var counter = setInterval(timer, 40); function timer(){ count += 1; if(count == 98){ clearInterval(counter); } document.getElementById('num').innerHTML = count; } html代
var count = 0;
var counter = setInterval(timer, 40);
function timer(){
count += 1;
if(count == 98){
clearInterval(counter);
}
document.getElementById('num').innerHTML = count;
}
<h3><span id="num">98</span>+</h3>
98+
<!DOCTYPE>
<html>
<head>
<title></title>
<style>
#myScroller {
margin: 10px;
padding: 10px;
width: 100px;
height: 100px;
background-color: beige;
display: block;
overflow-y:auto;
}
#demo {
margin: 10px;
padding: 10px;
width: 100px;
height: 100px;
background-color: bisque;
}
</style>
</head>
<body>
<div id="myScroller" class="test">
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
<br>Test
</div>
<div id="demo"></div>
<script type="text/javascript">
var myScroller = document.getElementById("myScroller"),
demo = document.getElementById("demo");
myScroller.addEventListener("scroll", function(){
var count = 0;
var counter = setInterval(timer, 40);
function timer() {
count += 1;
if(count == 98){
clearInterval(counter);
}
demo.innerHTML = count;
}
});
</script>
</body>
</html>
#迈斯克罗勒{
利润率：10px；
填充：10px；
宽度：100px；
高度：100px；
背景颜色：米色；
显示：块；
溢出y：自动；
}
#演示{
利润率：10px；
填充：10px；
宽度：100px；
高度：100px；
背景色：深蓝色；
}
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
var myScroller=document.getElementById（“myScroller”），
demo=document.getElementById（“demo”）；
addEventListener（“滚动”，函数（）{
var计数=0；
var计数器=设置间隔（计时器，40）；
函数计时器（）{
计数+=1；
如果（计数=98）{
清除间隔（计数器）；
}
demo.innerHTML=计数；
}
});
这适用于ie>=9、firefox、opera、chrome你的问题是什么？难道你不能问一个问题而不是重复同一个词吗？你可以编辑这个问题，这样其他人也可以从你问的问题中得到帮助，如果它有趣的话。请阅读网站的帮助页面。这里清楚地写着如何提问和回答问题。在特定div上使用javascript在Scroll上启动一个函数。嘿，PHJCJO。我自己解决了这个问题。。也感谢您的帮助..var count=0；var计数器=设置间隔（计时器，40）；函数timer（）{if（window.pageYOffset>1700）{count+=1；}if（count==98）{clearInterval（counter）；}document.getElementById（'num'）。innerHTML=count；}