JS按钮闪烁功能是如何实现的

JavaScript018

JS按钮闪烁功能是如何实现的,第1张

用css3更简单

首先定义一个闪烁的-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

要打开手电筒功能，需要在AndroidManifest.xml增加摄像头、闪光灯使用权限：

<!-- 打开照相机权限 -->

<uses-permission android:name="android.permission.CAMERA" />

<!-- 打开闪光灯权限 -->

<uses-permission android:name="android.permission.FLASHLIGHT" />

开手电筒java代码：

Camera camera = Camera.open()

Camera.Parameters myParameters = camera.getParameters()

myParameters.setFlashMode(Camera.Parameters.FLASH_MODE_TORCH)

camera.setParameters(myParameters)

关手电筒java代码：

Camera camera = Camera.open()

Camera.Parameters myParameters = camera.getParameters()

myParameters.setFlashMode(Camera.Parameters.FLASH_MODE_OFF)

camera.setParameters(myParameters)

报警声，就是播放音乐就行了，文件篇幅有限，不能一一解释，可追问。