我是 javascript 和 jquery 的新手
我制作了自己的脚本,显示第一个 span id 1 span id 2 spanid 3 等我做了某种循环,这样他们就会每秒显示新的 span 并关闭另一个。但我希望循环在鼠标悬停在其中一个跨度项目上时停止。我试过了
<span id="example_1" class="com_items">a</span>
<span id="example_2" class="com_items">b</span>
<span id="example_3" class="com_items">c</span>
<span id="example_4" class="com_items">d</span>
<span id="example_5" class="com_items">e</span>
<span id="example_6" class="com_items">f</span>
<script>
function show_span(a){
$('.com_items_but').css('background-color','#E84700');
$('#example_but_'+a).css('background-color','#017095');
$('.com_items').hide();
$('#example_'+a).show();
}
function run_commer(){
setTimeout(function() { show_span(1);}, 0);
setTimeout(function() { show_span(2);}, 1000);
setTimeout(function() { show_span(3);}, 2000);
setTimeout(function() { show_span(4);}, 3000);
setTimeout(function() { show_span(5);}, 4000);
setTimeout(function() { show_span(6);}, 5000);
setTimeout(run_commer, 6000);
}
run_commer();
</script>
这是我尝试过的:
function stop_hover(){
var stop_h = 1;
}
function run_commer(){
if(stop_h != 1){
setTimeout(function() { show_span(1);}, 0);
setTimeout(function() { show_span(2);}, 1000);
setTimeout(function() { show_span(3);}, 2000);
setTimeout(function() { show_span(4);}, 3000);
setTimeout(function() { show_span(5);}, 4000);
setTimeout(function() { show_span(6);}, 5000);
setTimeout(run_commer, 6000);
}
}
但我可以看到我做错了什么