我如何让这3个圆圈交替，而不是同时进行。不要使用CSS
要实现让三个圆圈交替而不是同时进行的效果，可以使用JavaScript来控制它们的显示和隐藏。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Circle Animation</title>
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
display: none;
}
</style>
</head>
<body>
<div class="circle" id="circle1"></div>
<div class="circle" id="circle2"></div>
<div class="circle" id="circle3"></div>
<script>
function showCircle(circleId) {
var circle = document.getElementById(circleId);
circle.style.display = "block";
}
function hideCircle(circleId) {
var circle = document.getElementById(circleId);
circle.style.display = "none";
}
function animateCircles() {
setInterval(function() {
showCircle("circle1");
setTimeout(function() {
hideCircle("circle1");
showCircle("circle2");
setTimeout(function() {
hideCircle("circle2");
showCircle("circle3");
setTimeout(function() {
hideCircle("circle3");
}, 1000);
}, 1000);
}, 1000);
}, 3000);
}
animateCircles();
</script>
</body>
</html>在上述代码中，我们使用了JavaScript的setInterval和setTimeout函数来实现圆圈的交替显示和隐藏。setInterval函数用于定时触发整个动画过程，每隔3秒执行一次。在每次执行时，我们使用setTimeout函数来设置不同圆圈的显示和隐藏时间间隔，从而实现交替效果。
请注意，上述代码只是一个示例，实际应用中可能需要根据具体需求进行修改和优化。
相关·内容
我如何让这三个圆圈不会同时改变颜色呢？一种颜色变化不会与另一种颜色重叠？因此，黄色/紫色首先出现，然后是橙色和黑色，最后是绿色和黑色。我只是不想让这些变化相互重叠，我想要一个接一个地进行。
浏览 26提问于2017-01-19得票数 0
在MediaWiki中，我想创建一个具有不同样式的列表，比如一个带有加号图标的项目列表，而不是方形图标。我该怎么办：
⊕ Element1
⊕ Element2
浏览 5提问于2017-04-29得票数 1
回答已采纳
5回答
每隔一段时间，我都会在面试中被问及我最喜欢的是低级别还是高级别。在我看来，隐含的信息是，他们都是特长，他们想知道我要往哪个方向走。问题是，我似乎两者都喜欢。高层次是所有令人兴奋的事情发生的地方:人们直接使用的应用程序，结果可以很容易地演示(展示)，每个人都可以获得，而且你可以使用真正先进的工具并与新技术进行交互。我真的很想同时做这两件事，即使这意味着两者之间的交替(我怀疑有什么工作
浏览 0提问于2011-03-06得票数 14
回答已采纳
1回答
我有一个奇怪形状多边形的CGPathRef。我需要把阿尔法应用到这条路外的区域。这很简单。context, crazyPolygon);CGContextEOFillPath(context);如果点在圆圈内而不在多边形内，则应用α。(如果它在多边形中
浏览 4提问于2011-08-10得票数 1
回答已采纳
我在HTML语言中使用KnockoutJS将表行的可见性与某些可观察到的值进行数据绑定，如随附的JavaScript中所定义。为了给表格的行提供交替的颜色(斑纹/条纹)，我在我的CSS中定义了以下内容： background-color: black; background-color: gray;通常，此<em
浏览 0提问于2013-04-29得票数 5
回答已采纳
如何通过CSS访问替代的"swash“字母？我在一个网络项目中使用一个装饰脚本字体。这就是现在的样子。但我想把"T“卷起来：我使用的字体是"Zing脚本“。在图形编辑器(如Adobe )中，将自动显示字母替换：在CSS中，可以使用以下CSS属性启用扩展字体选项：
font-feature-settings: 'swsh', 'flac', &
浏览 7提问于2021-10-12得票数 2
回答已采纳
我在div中有一个圆形的div和一个方形的图像。我希望图像中位于div之外的部分不被显示(所以不要调整图像的大小或在图像上画一个圆圈；而不是显示其在带圆圈的div之外的部分)。我如何使用CSS来实现这一点？我有以下几点： <div className="divimage">
<img src="image.jpg"&
浏览 15提问于2020-12-17得票数 0
回答已采纳
我正在使用hammer.js在一个宠物项目上实现一些触摸屏功能。 $('#map').hammer() var scale = $(this).css$(this).css('-webkit-t
浏览 6提问于2013-10-18得票数 4
回答已采纳
作为学习jQuery的一部分，我决定用JavaScript做一个简单的井字游戏，目前，我正在使用一个超文本标记语言表格作为间距，并在表格中使用图形图像。很差劲，我知道，但这是一次很好的教育经历。我的问题有两个方面。1/我应该使用
浏览 0提问于2008-10-11得票数 4
回答已采纳
1回答
我已经以这种方式实现了SQL表继承： Column | Type shape_id | integer "fkey2" FOREIGN KEY (shape_id) REFERENCES Shape(shape_id)谢谢!
浏览 1提问于2013-10-11得票数 5
回答已采纳
1回答
布局如下，以水平行显示： <div class="thumbnail"></div> <div class="information">&l
浏览 2提问于2016-08-04得票数 0
3回答
是的，我是iOS的新手，我对objective和使用X代码有基本的知识，不要认为我是一个十足的新手，但对你们中的许多人来说，我可能是。具体而言，VC是否使用带有静态单元格的表视图来显示信息？
如果对1的回答是肯定的，那么如何在表视图中获得静态单元格，让用户编辑数据字段。我知道，首先，我需要使用setEditing:动画:方法将视图更改为“编辑”模式，这很好，它
浏览 5提问于2014-02-21得票数 0
回答已采纳
我有一个简单的实验，有8个不同的试验，我希望只展示一次而不重复；参与者被要求‘解决’一个数字序列，其中4个序列有一个解(S)，4个序列是不可解的(U)。因此，我有8个试验：S1、U1、S2、U2、S3、U3、S4、U4
然而，我想随机化S和U的顺序，同时保持交替的模式。例如，S3、U2、S2、U4、S4、U1、S1
浏览 0提问于2015-11-26得票数 1
2回答
模式不转义字符
、、
我有一个与preg_match一起使用的模式，我不知道我哪里出错了。它必须匹配每个fn:itext_multiline，直到另一个开始，所以当它遇到时[和我想转义[ by [ ]从下面的示例：array(5) { string(6) "[fn:1]"
浏览 2提问于2012-03-21得票数 1
回答已采纳
1回答
，其中包含三个圆圈，每个圆圈叠在一个列的另一个上面，当屏幕很窄时，每个圆圈看起来都很好。但是，当浏览器被拓宽，并且我添加了一个媒体查询，当屏幕超过1100 to时，我想让列的圆圈翻转成一行圆圈。但是当我使用CSS完成这个操作时，它不起作用，两个圆圈出现在一行上，第三个圆圈出现在第二行的第一个圆圈下面。你可以在看到它
我可以通过在CSS</
浏览 1提问于2021-07-29得票数 0
3回答
我使用的是：jQuery("tr:even").css("background-color","#ececec");
只需简单地为交替的表行添加一个背景色，这很好用。问题是，如果在同一页中有多个表，它只是不断向下迭代每个表，而不是</em
浏览 1提问于2013-05-30得票数 4
回答已采纳
我昨天偶然发现了谷歌的Firebug页面速度插件。关于使用高效的CSS选择器，据说不要使用过度限定的选择器，即使用#foo而不是div#foo。我认为后者会更快，但谷歌的说法并非如此，我又有什么资格反对呢？
所以这让我想知道这是否同样适用于jQuery选择器。我在上找到了选择器的链接，所以说我应该使用$(&qu
浏览 3提问于2009-12-04得票数 2
回答已采纳
4回答
我偶然发现了网站，并喜欢上了他们在标题“了解更多关于Wunderlist”的标题下面的图像上的缩放效果。我很乐意在我的网站上实现这样的东西。或者你知道一些我可以使用的jQuery插件？
浏览 0提问于2013-03-28得票数 2
回答已采纳
我正在使用reactJS，我想在较小的屏幕(width<768px)上隐藏一个div。我在这里有两个选择：{ <div className="name hidden-sm-down">Name</div>
描述:我在这里使用附
浏览 4提问于2017-04-15得票数 0
1回答
我有一个应用程序，允许用户为他们的页面选择一个主题。有几个不同的主题可供他们选择。
每个页面的HTML结构与div上相同的类名完全相同。CSS随主题的变化而变化。当用户选择主题时，我将主题id存储在数据库中，并在访问页面时对其进行查询，并在application_layout.html.erb中加载适当的CSS文件。如何让Rails处理主题文件？']，但这似乎不起作用，因为它告诉我它不是预
浏览 2提问于2012-10-02得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
