我正在尝试使用HTML和CSS创建“眨眼”动画。
我想要的是，当眨眼时，眼球没有显示出来。
从代码中可以看到，眼睛由4个元素组成。
Div“眼睛”是眼睛所在的容器。
Div“ eye1”和“ eye2”。
Div“眼罩”，具有闪烁效果。
Div“眼球1”和“眼球2”。这些应仅显示在“眼罩”的顶部，而不应显示在“ eye1”和“ eye2”的顶部。
有人可以帮我实现这一目标吗？
body {
margin: 0px;
}
#container {
position: absolute;
z-index: 100;
width: 300px;
height: 300px;
background: lightblue;
display: flex;
justify-content: center;
align-items: center;
}
#eyes {
position: absolute;
z-index: 12;
width: 120px;
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
}
#eye1,
#eye2 {
z-index: 12;
}
#eye1,
#eye2,
#eyemask {
position: absolute;
width: 50px;
height: 50px;
background: #eee;
display: flex;
justify-content: center;
align-items: center;
clip-path: circle(50% …要点：单击按钮时，content-div旋转360度。但是，在第二次单击时，什么也没有发生。
我想要的是，每次单击按钮时，div元素都会旋转360度，就像第一次单击一样。
我找到了一些jQuery建议，但我希望通过使用JavaScript来完成。
var content = document.getElementById("content");
var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
content.style = 'transform: rotate(' + 0 + '360deg)';
});#content {
width: 100px;
height: 100px;
border-radius: 50%;
background: lightblue;
display: flex;
align-items: center;
justify-content: center;
transition: all 1s ease-in-out;
}
#btn {
width: 100px;
height: 50px;
background: grey;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-decoration: none;
}
a {
color: white;
text-decoration: none;
}<div id="content">
<p>It's spinning</p>
</div>
<div …我正在建立一个包含3个按钮的页面，每个按钮都打开一个不同的div元素。我想要的是一次只显示一个格。因此，当一个div打开时，另一个div应该关闭。
我设法创建了每个打开不同的div元素的按钮。但我想不出一种方法，当其他div打开时自动关闭div。
var button1 = document.getElementById("button1");
var button2 = document.getElementById("button2");
var button3 = document.getElementById("button3");
var content1 = document.getElementById("content1");
var content2 = document.getElementById("content2");
var content3 = document.getElementById("content3");
content1.style.display = "none";
content2.style.display = "none";
content3.style.display = "none";
button1.addEventListener("click", showContent1);
button2.addEventListener("click", showContent2);
button3.addEventListener("click", showContent3);
function showContent1() {
if (content1.style.display !== "none") {
content1.style.display = "none"
} else {
content1.style.display = "block";
}
}
function showContent2() {
if (content2.style.display !== "none") {
content2.style.display = "none"
} else {
content2.style.display = "block";
} …我的电子表格有一列 (A)，其中包含 1000 多行值，例如 10.99\xe2\x82\xac、25.99 \xe2\x82\xac 等。出于优化目的，我循环浏览此列并删除“EUR”标记并替换“.”。和 ”，”。虽然代码有效，但我的问题是执行时间非常长，并且对于数千种产品有时会超时。我知道我可能没有遵循最佳实践，但由于我有限的 JavaScript 技能，这是我能想到的最佳解决方案。有什么帮助吗？
\nfunction myFunction() {\n var ss = SpreadsheetApp.getActive();\n var sheet = ss.getSheetByName(\'Table\');\n var lastRow = sheet.getRange(1,1).getDataRegion(SpreadsheetApp.Dimension.ROWS).getLastRow();\n for (var i = 1; i < lastRow +1; i++) {\n var price = sheet.getRange(i,1).getValue();\n var removeCur = price.toString().replace(" EUR","").replace(".",",");\n sheet.getRange(i,1).setValue(removeCur);\n }\n}