Web前端--JavaScript基础学习-时间补0-阶乘-动态时间打印-手机号加*号

坚持与努力的星星

已于 2022-08-07 20:00:16 修改

阅读量405

点赞数 3

文章标签：前端 javascript 学习 html

于 2022-08-01 15:49:53 首次发布

本文链接：https://blog.csdn.net/m0_70612148/article/details/126090437

版权

此文章是对JavaScript进行的一些基础的学习。

前言

随着计算机的不断发展，Web前端这门技术也越来越重要，很多人都开启了前端的学习，本篇文章就是简单的写了一下JavaScript的语法，用来对JavaScript进行基础的学习。

一、JS是什么

JS是一种编程语言，主要生成一些特效，完成用户和页面的交互，Javascript（JS）是一种脚本语言，主要用于Web。它用于增强HTML页面，通常可以嵌入HTML代码中。JavaScript是一种解释型语言。因此，它不需要编译。JavaScript以交互式和动态的方式呈现网页。这允许页面对事件做出反应，展示特殊效果，接受可变文本，验证数据。

二、JavaScript的基础

1.1时间补0

这个就是用return num小于10的，前面都会加0。

代码示例如下：

    <script>
        var date = new Date()
        var y = date.getFullYear()  // 年
        var m = zero(date.getMonth() + 1) 
        var d = zero(date.getDate())
        var time = y + '-' + m + '-' + d
        console.log(time);
        function zero(num) {
            return num<10? '0'+num : num
        }

代码运行结果如下：

1.1 阶乘

代码示例如下：

    <script>
        let sum = 0
        function fn(num) {
            if (num == 1) return num = 1
            return sum = num * fn(num - 1)
        }

        console.log(fn(10));

    </script>

代码运行结果如下：

1.3 手机号加 * 号

这个就是用截取的方式，把前几位截取了，把后几位截取了，然后再进行的一个拼接，加星号。

代码示例如下：

    <script>
        let str = '15612348888'
        let three = str.slice(0,3)
        let four = str.slice(7,13)
        var sjh = three + '****' + four
        console.log(sjh);
    </script>

代码运行结果如下：

1.4 打印出动态时间

代码示例如下：

<body>
    <div id="times"></div>
    <script type="text/javascript">
        var times = document.getElementById("times")
        function sz() {
            t = setInterval(function () {
                //获取时间对象
                var dd = new Date;
                //获取年月日，时分秒
                var y = dd.getFullYear();
                var m = dd.getMonth() + 1;
                var d = dd.getDate();
                var h = dd.getHours();
                var i = dd.getMinutes();
                var s = dd.getSeconds();
                var wkday = dd.getDay();
                times.innerHTML = y + "年" + m + "月" + d + "日" + "   " + h + ":" + i + ":" + s + " " + "星期" + "日一二三四五六".charAt(wkday);
            }, 1000)
        }
        sz()
    </script>

</body>

代码运行结果如下：