javascript - Javascript背景颜色随着褪色而闪烁

我的div需要具有恒定的闪烁背景色。

我要做的就是从透明淡入到红色，然后循环返回。我已经看到了一些执行此操作的示例，但是它们都影响div的整个内容，而不仅仅是background color。

其他示例具有闪烁的background，但这并不是一个平稳的过渡，这正是我所需要的。

如果可能，我宁愿不使用CSS动画。

谢谢你的帮助!

最佳答案

您可以使用rgba color将颜色淡化为透明。

例:

var ofs = 0;
var el = document.getElementById('imp');

window.setInterval(function(){
  el.style.background = 'rgba(255,0,0,'+Math.abs(Math.sin(ofs))+')';
  ofs += 0.01;
}, 10);

演示:http://jsfiddle.net/Guffa/BUL2z/

使用jQuery:

var ofs = 0;

window.setInterval(function(){
  $('#imp').css('background', 'rgba(255,0,0,'+Math.abs(Math.sin(ofs))+')');
  ofs += 0.01;
}, 10);