一、代碼
<!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>
<textarea name="" id="" cols="30" rows="10">
用戶注冊協(xié)議
歡迎注冊成為京東用戶!在您注冊過程中,您需要完成我們的注冊流程并通過點(diǎn)擊同意的形式在線簽署以下協(xié)議,請您務(wù)必仔細(xì)閱讀、充分理解協(xié)議中的條款內(nèi)容后再點(diǎn)擊同意(尤其是以粗體或下劃線標(biāo)識的條款,因?yàn)檫@些條款可能會(huì)明確您應(yīng)履行的義務(wù)或?qū)δ臋?quán)利有所限制)。
【請您注意】如果您不同意以下協(xié)議全部或任何條款約定,請您停止注冊。您停止注冊后將僅可以瀏覽我們的商品信息但無法享受我們的產(chǎn)品或服務(wù)。如您按照注冊流程提示填寫信息,閱讀并點(diǎn)擊同意上述協(xié)議且完成全部注冊流程后,即表示您已充分閱讀、理解并接受協(xié)議的全部內(nèi)容,并表明您同意我們可以依據(jù)協(xié)議內(nèi)容來處理您的個(gè)人信息,并同意我們將您的訂單信息共享給為完成此訂單所必須的第三方合作方(詳情查看
</textarea>
<br>
<button class="btn" disabled>我已閱讀用戶協(xié)議(60)</button>
<script>
const btn=document.querySelector('.btn')
let i = 5
let n = setInterval(function(){
i--
btn.innerHTML = `我已閱讀用戶協(xié)議(${i})`
if (i === 0){
clearInterval(n)
btn.disabled = false
bth.innerHTML = '同意'
}
},1000)
</script>
</body>
</html>
二、運(yùn)行截圖
文章來源:http://www.zghlxwxcb.cn/news/detail-558433.html
?文章來源地址http://www.zghlxwxcb.cn/news/detail-558433.html
到了這里,關(guān)于HTML中用戶注冊倒計(jì)時(shí)案例的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!