常用的内置对现象案例九九乘法表 Math对象求随机数的一个案例1~10 当前时间案例案例：两个时间的差值（朋友圈的转发时间和现在时间求已经过了多长时间）定时器1-5的案例

本文链接：https://blog.youkuaiyun.com/red_HTML/article/details/126116648

本文介绍了Math对象的数学运算，如max、min和随机数生成，展示了日期时间处理案例，包括获取当前时间和时间差计算，同时涵盖字符串操作、定时器管理和数据处理技巧，如字符串截取、拼接和索引查找。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Math对象

Math.max（1，2）可以求最大值 min 最小值

Math.random() 随机数

Math.floor()取小于他的最大整数向下取整

Math.ceil()大于这个数的最最小整数向上取整

Math.round() 四舍五入

Math.abs()绝对值

Math.pow(3,几次方)次幂备注：3的2次方

 // 最大值
        var max = Math.max(11, 10, 2)
        console.log(max)
        // 最小值
        var min = Math.min(21, 45, 2)
        alert(min)
        // 取小于他的最大数
        var min = Math.floor(3.56)
        alert(min)
        // 去大于他的最小数
        var max = Math.ceil(4.16)
        alert(max)
        // 四舍五入
        var sswr = Math.round(3.45)
        alert(sswr)

案例九九乘法表

// 打印了几行
        for (let i = 1; i <= 9; i++) {
            // 打印了几列  j<=i
            for (let j = 1; j <= i; j++) {
                document.write(i + "*" + j + "=" + i * j + " ")
            }
            document.write("<br>")
        }

求随机数的一个案例1~10

var random = Math.floor(Math.random() * 10 + 1) //Math.floor()取小于他的最大整数 向下取整
        var c = 5
        for (let i = 0; i < 5; i++) {
            // const element = array[i];
            var shu_z = parseInt(prompt("请输入随机数你还剩" + c-- + "次"))
            if (shu_z > random) {
                alert("你输入的数太大了")
            } else if (shu_z < random) {
                alert("你输入的字太小了")
            } else {
                alert("恭喜你才对了")
                break;
            }
        }

当前时间案例

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        myDate.getYear();        // 获取当前年份(2位)
        myDate.getFullYear();    // 获取完整的年份(4位,1970-????)
        myDate.getMonth();       // 获取当前月份(0-11,0代表1月)
        myDate.getDate();        // 获取当前日(1-31)
        myDate.getDay();         // 获取当前星期X(0-6,0代表星期天)
        myDate.getTime();        // 获取当前时间(从1970.1.1开始的毫秒数)
        myDate.getHours();       // 获取当前小时数(0-23)
        myDate.getMinutes();     // 获取当前分钟数(0-59)
        myDate.getSeconds();     // 获取当前秒数(0-59)
        myDate.getMilliseconds();    // 获取当前毫秒数(0-999)
        myDate.toLocaleDateString();     // 获取当前日期
        var mytime=myDate.toLocaleTimeString();     // 获取当前时间
        myDate.toLocaleString( );        // 获取日期与时间
     -->
    <script>
        // 动态时针
        var time = new Date
        var nian = time.getFullYear()
            // console.log(nian)
        var yue = time.getMonth() + 1
        var ri = time.getDate()
        var shi = time.getHours()
        var fen = time.getMinutes()
        var miao = time.getSeconds()
            // var shi_j = 
        document.write("现在时间是" + nian + "年" + yue + "月" + ri + "日 " + shi + ":" + fen + ":" + miao)
    </script>
</body>

</html>

案例：两个时间的差值（朋友圈的转发时间和现在时间求已经过了多长时间）

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 1.获取当前时间
        var now = new Date() //console.log(now)
            // 2.发朋友圈时间
        var fpnow = new Date("2022-8-2-12:39:30") //console.log(fpnow)
            // 3.转换成毫秒
        now = Date.parse(now)
        fpnow = Date.parse(fpnow)
            // 计算时间差
        var time = now - fpnow
        console.log("相差的毫秒： " + time)
            // 转换成秒
        var miao = parseInt(time / 1000)
            // 转化成分
        var fen = parseInt(time / 1000 / 60)
            // 转化成小时
        var xiaos = parseInt(time / 1000 / 60 / 60)
            // 转化成天数
        var tians = parseInt(time / 1000 / 60 / 60 / 24)
        console.log("相差的秒： " + miao)
        console.log("相差的分钟： " + fen)
        console.log("相差的小时： " + xiaos)
        console.log("相差的天数： " + tians)
        if (tians) {
            console.log(tians + "天以前")
        } else if (xiaos > 0 && xiaos < 24) {
            console.log(xiaos + "小时以前")
        } else if (fen > 0 && fen < 60) {
            console.log(fen + "分钟以后")
        } else if (miao > 0 && miao < 60) {
            console.log(miao + "秒以后")
        }
    </script>
</body>

</html>

clearInterval 清楚定时器

定时器1-5的案例

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var count = 0
            // setInterval 定时器
        var timer = setInterval(function() {
                if (count < 5) {
                    count++
                    console.log(count)
                } else {
                    clearInterval(timer)
                }
            }, 1000)
            // console.log(timer)
    </script>
</body>

</html>

clearInterval 清楚定时器

string 对象

substring(2,4) [ 2,4 )

substr(2,5）从开始位置进行截取，截取指定长度的字符串

concat( )拼接字符串

slice(1.3)

indexOf(“a”) 获取字符串的索引值（返回的是第一个索引值）

replace( "替换的内容" , "替换后的字符") 替换的是满足条件的字符

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var set = "Hello world"
            document.write(set.substring(2, 4))// 代表下标的取值 ( 2,4 ]
            document.write(set.substr(2, 5))// 从开始位置进行截取，截取指定长度的字符串
            document.write(set.concat("aaa")) //括号中要拼接的字符串
            document.write(set.slice(1, 7)) //从哪显示到那 （下标0开始）
            document.write(set.indexOf("l")) //获取字符串的索引值 （返回的是第一个索引值）
            document.write(set.replace("替换的内容","更换后的字符"))
            document.write(set.replace("l", "更换后的字符")) 
      
    </script>
</body>

</html>

获取到字符串的长度以及下标可以找到字符串含有的字符的下标和数量

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var set = "Hello world"

        // 第一种
        for (var i = 0; i < set.length; i++) {
            // 渲染还有多少个
            // console.log(set[i])
            if (set[i] == "l") {
                // "l" 的个数
                // console.log(set[i])
                // "l" 的所在的下表
                console.log(i)
            }
        }
        // 第二种
        // for (var i in set) {
        //     console.log(i, set[i])
        // }
    </script>
</body>

</html>