<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA_Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<button>按钮1</button>
<button class="button">按钮2</button>
<script>
var o = {
name:'andy'
};
function fn(a,b) {
console.log(this);
console.log(a + b);
};
var f = fn.bind(o,1,2);
f();
var btn = document.querySelector('button');
btn.onclick = function () {
this.disabled = true;
var that = this;
setTimeout(function () {
that.disabled = false;
},3000)
};
var btn1 = document.querySelector('.button');
btn1.onclick = function () {
this.disabled = true;
setTimeout(function () {
this.disabled = false;
}.bind(this),3000);
}
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA_Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<button>按钮</button>
<button>按钮</button>
<button>按钮</button>
<script>
var btns = document.querySelectorAll('button');
for (var i = 0;i < btns.length;i++){
btns[i].onclick = function () {
this.disabled = true;
setTimeout(function () {
this.disabled = false;
}.bind(this),2000);
}
}
</script>
</head>
<body>
</body>
</html>