js jq 按钮开始/停止转换

按钮前是开始,按下是停止,再按下又变回开始

先在body写一个botton

<button id="btn">开始</button>


用js代码实现

var btn = document.getElementById("btn");
var isGo = false;  //开始停止的标志
		
btn.onclick = function(){
			
	if(isGo) {
		btn.innerHTML="开始";
	} else {
		btn.innerHTML="停止";
	}
			
	isGo = !isGo;  //按钮冲突改变
};
		


用jq代码实现

<script src="js/jquery.min.js" type="text/javascript"></script>
$(function(){
			
	var isGo2 = false;  //开始停止的标志
			
	$("#btn2").click(function(){
		if(isGo2) {
			$(this).html("开始");
		} else {
			$(this).html("停止");
		}
		isGo2 = !isGo2;	
	});
	
});

猜你喜欢

转载自blog.csdn.net/vicki_/article/details/79559240