首先定义一个闪烁的-webkit-animation 的name为twinkling，效果是透明度从0到1
@-webkit-keyframes twinkling{
/*透明度由0到1*/
0%{
opacity:0/*透明度为0*/
}
100%{
opacity:1/*透明度为1*/
}
}
然后设置需要闪烁的button的样式：
button{
-webkit-animation: twinkling 1s infinite ease-in-out
}
其中twinkling 为上面定义的，时间为1s，动画无限次，动画效果是ease-in-out
//设置闪烁颜色var colors = ['white','black']
//设置闪烁间隔
var frequency = 500
//设置停止时间
var duration = 60000
var text = document.createElement('p')
text.innerHTML = '这里是测试文字'
document.body.innerHTML = ' '
document.body.appendChild(text)
//设置循环间隔
var i = 0
var timer = setInterval(function(){
text.setAttribute('style','color:'+colors[i%colors.length])
//避免变量过大
if(i++>colors.length)i=0
},frequency)
//设置停止时间
setTimeout(function(){clearInterval(timer)},duration)
