例如，一个按钮实现暂停与继续。（下面错误代码只是为了表达意思- 。-）
<input id="btn" type="button" value="开始">
<script>
window.onload=function(){
document.getElementById('btn').onclick=function(){
if(this.value="开始"){
this.value="暂停";
}esle{
this.value="开始";
}
}
</script>
怎么实现当value值为“开始”时点击按钮将value值设为“暂停”，当value值为“暂停”时，点击按钮时将值设置为“开始”。即一个按钮根据条件执行不同功能。
分享
设置一个自定义属性onOff，或者设置个类似的变量就可以了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
<script type="text/javascript">
window.onload = function () {
var oInp = document.getElementsByTagName('input')[0];
oInp.onOff = false;
oInp.onclick = function () {
if (this.onOff) {
this.value = '开始';
this.onOff = false
// doSomething……
}else {
this.value = '暂停';
this.onOff = true;
// doSomeOtherthing……
}
}
}
</script>
</head>
<body>
<input type="button" value="开始">
</body>
</html>