js原生髮送簡訊案例
阿新 • • 發佈:2021-01-05
技術標籤:效果案例jsjavascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text">
<button type="submit">傳送</button>
<script>
let btn = document.querySelector('button')
let time = 5;//倒計時時間
btn.addEventListener('click', function () {
btn.disabled = true;
//timer是定時器Id
let timer = setInterval(function () {
if (time == 0) {
//清除定時器同時復原按鈕 重新定義倒計時
clearInterval(timer);
btn.disabled = false;
btn.innerHTML = '傳送'
time=5
} else {
btn. innerHTML = `還剩下${time}秒`
time--
}
},1000)
})
</script>
</body>
</html>