协议案例

最新推荐文章于 2024-11-05 15:26:40 发布

少年M

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量98

点赞数

分类专栏： 1 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/hlx250217/article/details/131710895

版权

1 专栏收录该内容

52 篇文章 0 订阅

订阅专栏

循环嵌套打印乘法表

<!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>
    <script>
        for(let i=1;i<10;i++){
           for(let j=1;j<=i;j++){
            document.write(`<span>${j}*${i}=${i * j}</span>`)
           } 
           document.write(`<br\>`)
        }
    </script>
</body>
</html>

二维数组遍历

<!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>
    <script>
        let studrnt=[['jiangjia',31,'sing'],['xuchao',21,'dance']]
        for(let i in studrnt){
            for(let j in studrnt[i]){
                console.log(studrnt[i][j])
            }
        }
    </script>
</body>
</html>

用户登录倒计时

<!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">
        用户注册协议
        欢迎注册成为京东用户！在您注册过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体或下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）。
        【请您注意】如果您不同意以下协议全部或任何条款约定，请您停止注册。您停止注册后将仅可以浏览我们的商品信息但无法享受我们的产品或服务。如您按照注册流程提示填写信息，阅读并点击同意上述协议且完成全部注册流程后，即表示您已充分阅读、理解并接受协议的全部内容，并表明您同意我们可以依据协议内容来处理您的个人信息，并同意我们将您的订单信息共享给为完成此订单所必须的第三方合作方（详情查看
    </textarea>
    <br>
    <input type="button" class="btn" disabled value="我已经阅读用户协议(60)">
    <script>
    let i = 60;
        let btn = document.querySelector('.btn');
        let timeID = setInterval(function () {
            i--;
            btn.value = `我已经阅读用户协议(${i})`
            if (i <= 0) {
                clearInterval(timeID);
                btn.value = '同意';
                btn.disabled = false;
            }
        }, 1000)

    </script>
    
</body>

</html>