87,993
社区成员
发帖
与我相关
我的任务
分享请问：用Javascript如何实现闪动效果
我采用的方式是先改变闪动区域的背景颜色，然后调用自定义的Sleep(),再将背景颜色恢复原样，但是在第一次改变背景颜色的时候，页面不能够立即刷新，因此闪动效果无法实现，哪位高手指点一下。有没有能使页面立即得到刷新的方法，或者有什么好的方法可以实现闪动的效果。
...全文
请发表友善的回复…
发表回复
安迪 2006-02-06
- 打赏
- 举报
那就在闪动一次之后clear掉计时器（关闭计时器）不就不会再次执行了吗？这样不就达到执行一次的目的了吗？
Charlie_YAN 2006-02-06
- 打赏
- 举报
只能让他在指定的情况下闪动一次，不能够不停的闪动
安迪 2006-02-06
- 打赏
- 举报
做个计时器[window.setTimeout(script, msec)]，在计时器里边写上reload()，这样就可以不停的刷新页面了。或者我想不刷新页面也可以实现你要的效果，就是隔一段时间就执行改变背景色的功能。这样也使可以不停的更换背景色来实现闪动效果！
ice_berg16 2006-02-06
- 打赏
- 举报
<script language="javascript">
<!--
function flash(o)
{
var o = document.getElementById(o);
o.style.backgroundColor="#FF0";
f = function(){o.style.backgroundColor="#FFF"};
setTimeout( f, 100 );
}
//-->
</script>
<div style="height:200px;width:200px;line-height:200px;text-align:center;" id="ice">
我要闪动
</div>
<input type="button" onclick="flash('ice')" value="闪一下"/>
<!--
function flash(o)
{
var o = document.getElementById(o);
o.style.backgroundColor="#FF0";
f = function(){o.style.backgroundColor="#FFF"};
setTimeout( f, 100 );
}
//-->
</script>
<div style="height:200px;width:200px;line-height:200px;text-align:center;" id="ice">
我要闪动
</div>
<input type="button" onclick="flash('ice')" value="闪一下"/>
