w3schoolsの例の後にフレックススライダーを作成しようとしています。クリック時のフレックススライダーのリセットタイマー
クリックで自動的にスライドして新しいスライドがチャームのように機能しますが、ボタンをクリックするたびにタイマーをリセットする方法については頭がいっぱいです。
はい、私はjquery/javascriptに関する経験はほとんどありません。私はresetTimer()、t.reset()などのテストをしています。誰かがここで私を助けることができたらうれしいでしょう。 Sam0へ
おかげで、私はすでにコードを編集しました - どこかでまだ何か間違っている:
<script type="text/javascript">
var slideIndex = 0;
carousel();
var repeater;
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
slideIndex++;
if (slideIndex > x.length) {slideIndex = 1}
x[slideIndex-1].style.display = "block";
}
function cycle(){
setInterval(function(){
carousel();
}, 5000);
}
cycle();
function cycle(r){
if (r){ // if r is true then clear and restart the timer
clearInterval(repeater); // clear the timer
repeater = setInterval(function(){ // start the timer
carousel();
}, 5000);
} else {
clearInterval(repeater); // clear and stop the timer if r isn't true
}
}
cycle(true);
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
cycle(true);
showDivs(slideIndex = n);
}
</script>
あなたの前のスクリプトは現在不足していると呼ばれることができない 'showDivs'と呼ばれる機能を持っていました。このような方法で回答を修正しないことが賢明です。同様の問題を抱えている人が追跡しにくくなり、不連続性が生じるからです。代わりにコメントにフォローアップし、可能であればjsfiddleを使用して問題を説明してください。 – Sam0