javaScript | 练习：将用户输入的秒数转换为时分秒的格式，并在页面上显示结果_js封装一个函数,用户在网页中输入秒数后,自动将秒数转换为时:分:秒”-CSDN博客

本文链接：https://blog.csdn.net/ZM20170703/article/details/136601464

运行结果如下：

示例代码如下:

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>转换时间案例</title>
</head>

<body>
    <script>

        // 需求：根据用户输入的秒数，可以自动转换为时分秒
        // 1.用户输入
        let second = +prompt('请输入您需要转换的秒数:')
        // 2.封装函数
        function getTime(t) {//形参
            let h = parseInt(t / 60 / 60 % 24)
            let m = parseInt(t / 60 % 60)
            let s = parseInt(t % 60)
            // console.log(h,m,s)
            // 补零操作:用三元运算符进行判断是否需要补零 再重新赋值，更新相关值
            h = h < 10 ? '0' + h : h
            m = m < 10 ? '0' + m : m
            s = s < 10 ? '0' + s : s
            return `您输入的是${second}s转换后是:${h}小时${m}分${s}秒`  // return 返回的是给函数调用的那个
        }
        // 定义一个变量来存储返回的值
        let str = getTime(second) // 函数调用 讲返回值存在变量str中
        document.write(str)//在页面中输出结果
    </script>
</body>

</html>

理解这段代码：

这段代码的主要目的是将用户输入的秒数转换为时分秒的格式，并在页面上显示结果。

首先，代码通过prompt方法提示用户输入需要转换的秒数，并将输入的值转换为数字类型存储在 second 变量中。
然后，定义了一个 getTime 函数，它接收一个参数 t（代表秒数）。在函数内部，通过数学运算将秒数转换为小时、分钟和秒，并使用三元运算符对小时、分钟和秒进行补零操作，如果它们小于10，则在它们前面添加 '0'。
函数返回格式化后的时间字符串，格式为 "您输入的是X秒转换后是:XX小时XX分XX秒"。
接着，调用 getTime 函数，并将 second 作为参数传入，将返回的结果存储在 str 变量中。
最后，使用 document.write 方法将 str 变量的内容写入到页面的当前位置，显示转换后的时间。