我想知道如何让标签每5 秒执行一次,所有 3 个都有自己的 id,只要我想使用 jquery 或 javascript,如何让它们一个接一个地执行?
我已经尝试过使用 SetInterval 但找不到结果,代码无法单击标签
body{
margin: 0;
}
#tags{
height: 100vh;
background-color: #ddd;
display: flex;
align-items: center;
justify-content: center;
}
#tags div{
width: 100px;
height: 100px;
margin: 20px;
border-radius: 50%;
}
#point1{
background-color: #ff0;
}
#point2{
background-color: #ff8000;
}
#point3{
background-color: #000;
}
#point1, #point2, #point3{
display: none;
}
#point1:target, #point2:target, #point3:target{
display: block;
}
#btn1, #btn2, #btn3{
margin: 10px;
}
<div id="tags">
<div id="point1"></div>
<div id="point2"></div>
<div id="point3"></div>
<a href="#point1" id="btn1">Color 1</a>
<a href="#point2" id="btn2">Color 2</a>
<a href="#point3" id="btn3">Color 3</a>
</div>
使用 jQuery,您可以使用
.trigger()
触发所需事件的方法。例如:setInterval()
这样它就会像你提到的那样不时运行。