设置按钮5秒后可以点击下一步||5秒后自动关闭网页

158 阅读1分钟

场景:业务需要在点击拍摄的时候提示一个用户须知页面,5秒后可以点击下一步。这属于一个js计时器的功能。这里用jQuery实现一下

效果图:

html

<div style="text-align: center;">
			<input type="button" value="下一步" id="nextBtn" onclick="btnfunction()" disabled>
			<!-- <button id="nextBtn">下一步</button> -->
		</div>

css

#nextBtn{
				font-size: 0.85rem;
				color: white;
				background-color: orangered;
				height: 2.125rem;
				width: 6.25rem;
				border-radius: 0.9125rem;
				border: none;
			}

js