Javascript背景颜色随着淡入淡出而闪烁

我有一个 div 需要有持续闪烁的背景颜色。

我想要它做的就是淡入透明的 to red并循环返回。我见过几个examples这样做，但它们都会影响整个内容div而不仅仅是background color.

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

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

谢谢你的帮助！

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

Example:

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);

Demo: http://jsfiddle.net/Guffa/BUL2z/ 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);