js实现长按录制视频按钮外部转圈倒计时10秒的效果

css:

	#canvas {
				background-color: #eee;
				border-radius: 50%;
			}

			#record-btn {
				margin-top: 20px;
				padding: 10px;
				border-radius: 5px;
				background-color: #f00;
				color: #fff;
				border: none;
				font-size: 16px;
			}

HTML:

		
		

js:

现在,当长按录制按钮时,canvas上会绘制一个外部圆环,内部圆环逐渐显示,并倒计时10秒。当用户松开按钮时,计时器停止,内部圆环消失,canvas上只剩下外部圆环。

你可能感兴趣的:(javascript,前端,开发语言)