JS 模板字符串

lu_开心ing

已于 2022-08-17 15:49:07 修改

阅读量69

点赞数

分类专栏： js 文章标签： JavaScript 模板字符串日期计算字符串拼接前端开发

于 2022-08-17 15:46:39 首次发布

本文链接：https://blog.csdn.net/qq_41381285/article/details/126387698

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

JS 模板字符串

- 描述
- 代码

描述

请补全JavaScript代码，实现以下功能：

根据已有的person对象的注册时间求出距离当前时间的天数（天数向下取整）。
将获得的天数和person数据拼接成字符串，作为h2标签的内容。
注意：使用模板字符串进行字符串拼接，字符串最终内容如：尊贵的牛客网2级用户小丽您好，您已经注册牛客网3天啦~

代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
</head>

<body>
    <h2></h2>

    <script>
        var person = {
            level: '2',
            name: '小丽',
            registTime: '2021-11-01',
        }
        var h2 = document.querySelector('h2');
        // 计算时间差
        let dateDiff = function (registTime) {
        //根据字符串创建时间
            let start = new Date(registTime);
            let newDate = new Date();
            //时间差：=》秒*分*时*天数
            let dates = Math.floor((newDate - start) / (1000 * 60 * 60 * 24));
            return dates;
        }

        let retult = dateDiff(person.registTime);
        //模板字符串：`${}`
        h2.innerText = `尊贵的牛客网${person.level}级用户${person.name}您好，您已经注册牛客网${retult}天啦~`

    </script>
</body>

</html>