Question

我正在Android系统上使用PhoneGap开发录音功能。我正在测试Transformer Prime。我在PhoneGap的JavaScript上使用jQuery和jQuery UI。

我的问题是：当用户按下“录制”按钮时，如何让该按钮闪烁以指示该应用正在录制？

当然，我想创建的效果是让用户知道它仍在录制。也许我可以设置一个计时器来给出当前的录音持续时间，或类似的东西。

不幸的是，我不知道其中一种影响。任何人都可以给我一个关于源代码的建议，以便我可以把它作为参考吗？

Answer 1

如果你使用jQuery，你可以在你的记录按钮上面放一个发光png（最初是不透明度0），在你的间隔动画中你可以这样做：

 isVisible = false;

 var interval = setInterval(function(){

     opacityValue = isVisible ? 0 : 1;
     glow.css( 'opacity',  opacityValue );
     isVisible = !isVisible;

 }, 500);

然后，当你想要停止它时：

 clearInterval( interval );

如果你希望你的发光顺畅，你可以使用css过渡。

Answer 2

您可以使用CSS：http://jsfiddle.net/fszhJ/。有一个关键帧设置元素在前半部分不可见，而另一半可见。（您可能希望添加除-webkit-之外的其他前缀。）

@-webkit-keyframes keyframe {
    from {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    to {
        visibility: visible;
    }
}

div {
    width: 200px;
    height: 200px;
    background-color: black;
    -webkit-animation: keyframe 1s infinite;
}

我该怎么办：“按下录制按钮时，按钮将闪烁”

2 个答案: