スクロールイベントでカウンタを開始する方法。javascriptの特定のdivスクロールでカウンタ開始
var count = 0;
var counter = setInterval(timer, 40);
function timer(){
count += 1;
if(count == 98){
clearInterval(counter);
}
document.getElementById('num').innerHTML = count;
}
htmlコード
<h3><span id="num">98</span>+</h3>
これは、あなたがやろうとしているものの例..です
<!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>
これはすなわち> = 9、Firefoxの、オペラ、クロームで動作
私はこれを私の自己によって解決しました..あなたも助けてくれてありがとうございます。 var counter = setInterval（timer、40）; function timer（）{ if（window.pageYOffset> 1700）{ count + = 1; } if（count == 98）{ clearInterval（counter）; } document.getElementById（ 'num'）。innerHTML = count; } –
あなたのソリューションで幸運を祈る – PHJCJO
あなたの質問は何ですか？あなたは同じ単語を繰り返さずに質問をすることはできません – PHJCJO
興味があれば、他の人もあなたが求めている質問から助けを得られるように質問を編集できますか？サイトのヘルプページを読んでください。質問にどのように質問して回答するかは、そこに明記されています。 – PHJCJO
あなたは理解しています –