按钮前是开始,按下是停止,再按下又变回开始
先在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; }); });