在某个时间范围内切换（或闪烁）表格中的特定单元格 [英] Toggling(or Flashing) a particular cell in a Table for some time frame
问题描述
我在Html中创建了一个表格，并且想要使某个单元格闪烁（开启和关闭）。请让我知道是否可以使用javascript。
< html>
< body>
< h4>两行三列：< / h4>
< table border =1width =100％height =400align =top>
< tr style =height：1>
< td>
< table width =100％border =2height =100align =top>
< tr>
< td bgcolor =＃FFFF00> 1-1< / td> <！ - R1C1黄色 - >
< td> 1-2< / td>
< / tr>
< tr>
< td> 1-3< / td>
< td> 1-4< / td>
< / tr>
< / table>
< / td>
< td>
< table width =100％border =2height =100align =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 =2height =100align =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 =2height =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 =2height =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 =2height =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来制作它闪烁/闪烁黄色？ Thanks
更新
我可以刷新单元格，但是目前所有单元格都是随机闪烁的，尽管我有相同的时间。但我希望他们所有的人一起闪光（同时），然后再次闪光，然后熄灭 解决方案
您可以创建一个javascript函数来更改所需单元格的背景颜色。
此外，您可以使用setInterval（）函数在一段固定时间后调用该函数。
var flag =真正;
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）;
I have created a table in Html and I would like to make a particular cell to be flashing(on and off ) sort of.Can you please let me know if it is possible using 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>
In the below image , say Row1 and col 1 , Is it possible in javascript or html to make it flash/blink in yellow? Thanks
UPDATE I'm able to flash the cells , but currently all of them flash randomly, though i have the time as same. But i want all of them to flash together(At the same time) and go off , then again flash and go off
You can create a javascript function that changes the background color of the desired cell. Further you can use setInterval() function to call the function after a fixed amount of time.
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);
这篇关于在某个时间范围内切换（或闪烁）表格中的特定单元格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
