ホームページ >ウェブフロントエンド >jsチュートリアル >jsはクリック前にn秒のカウントダウン効果を達成できます_javascriptスキル
jsはクリック前にn秒のカウントダウン効果を達成できます_javascriptスキル
- WBOYオリジナル
- 2016-05-16 15:24:361344ブラウズ
ユーザーを登録するときに、ボタンをクリックした後、クリックを続けるまでに 60 秒間のカウントダウンが表示されることがよくあります。この 60 秒は、全員に向けて準備するためのものです。この機能がどのように実装されるかについては、以下で詳細なコードを共有します。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>倒计时然后才可以点击效果代码</title>
<script type="text/javascript">
var s=4;
function countsub()
{
var btnReg=document.getElementById("btnReg");
if(btnReg)
{
if(s<=0)
{
btnReg.value="同意";
btnReg.disabled=false;
clearInterval(id);
}
else
{
btnReg.value="请仔细阅读协议(还剩"+s+"秒)";
s--;
}
}
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注册协议</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>
この記事が JavaScript プログラミングを学習するすべての人に役立つことを願っています。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。