gpt4 book ai didi

javascript - 在某个时间范围内切换(或闪烁)表格中的特定单元格

转载 作者:行者123 更新时间:2023-11-28 00:20:03 24 4
gpt4 key购买 nike

我在 Html 中创建了一个表格,我想让一个特定的单元格闪烁(打开和关闭)之类的。如果可以使用 javascript,你能告诉我吗?

<html>
<body>
<h4>Two rows and three columns:</h4>
<table border="1" width="100%" height="400" align="top">
<tr style="height: 1">
<td>
<table width="100%" border="2" height ="100" align="top">
<tr>
<td bgcolor="#FFFF00">1-1</td> <!-- R1C1 Yellow -->
<td>1-2</td>
</tr>
<tr>
<td>1-3</td>
<td>1-4</td>
</tr>
</table>
</td>
<td>
<table width="100%" border="2" height ="100" align="top">
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
<tr>
<td>2-3</td>
<td>2-4</td>
</tr>
</table>
<td>
<table width="100%" border="2" height ="100" align="top">
<tr>
<td>3-1</td>
<td>3-2</td>
</tr>
<tr>
<td>3-3</td>
<td>3-4</td>
</tr>
</table>
</td>
</tr>
<tr style="vertical-align: top">
<td>
<table width="100%" border="2" height ="100">
<tr>
<td>4-1</td>
<td>4-2</td>
</tr>
<tr>
<td>4-3</td>
<td>4-4</td>
</tr>
</table>
<td>
<table width="100%" border="2" height ="100">
<tr>
<td>5-1</td>
<td>5-2</td>
</tr>
<tr>
<td>5-3</td>
<td>5-4</td>
</tr>
</table>
<td>
<table width="100%" border="2" height ="100">
<tr>
<td>6-1</td>
<td>6-2</td>
</tr>
<tr>
<td>6-3</td>
<td>6-4</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

在下图中,假设 Row1 和 col 1,是否可以在 javascript 或 html 中使其以黄色闪烁/闪烁?谢谢 image file

更新我可以让电池闪烁,但目前它们都是随机闪烁的,尽管我有同样的时间。但我希望它们全部一起闪烁(同时)然后熄灭,然后再次闪烁并熄灭

最佳答案

您可以创建一个 javascript 函数来更改所需单元格的背景颜色。此外,您可以使用 setInterval() 函数在固定时间后调用该函数。

var flag = true;
function changeColor () {
if(flag==true){
document.getElementById("yourId").style.background="yourColor 1";
flag=false;
}
else if (flag==false){
document.getElementById("yourId").style.background="yourcolor 2";
flag = true;
}
}
setInterval("changeColor()", timeinmillisec);

关于javascript - 在某个时间范围内切换(或闪烁)表格中的特定单元格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9615828/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com