输入具体时间转化为xx小时xx分xx秒

花卷卷爱吃肉

已于 2023-11-29 09:33:27 修改

阅读量597

点赞数 14

分类专栏： JavaScript 文章标签： javascript css html5

于 2023-11-29 09:32:51 首次发布

本文链接：https://blog.csdn.net/2301_76675652/article/details/134681983

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这段代码是一段 JavaScript 代码，实现的功能是将用户输入的秒数转换为小时、分钟和秒数，然后输出转换后的结果。下面是这段代码的详细解析和说明：

1. 用户输入

用户在页面上输入一个秒数，并点击确认按钮。程序通过 prompt 函数弹出对话框来获取用户的输入，然后将用户输入的秒数转换为数字类型，并存储到变量 second 中。
let second = +prompt('请输入秒数:')

2. 封装函数

为了方便代码的复用和管理，这个程序定义了一个名为 getTime 的函数，用于将用户输入的秒数转换为小时、分钟和秒数，并返回转换后的结果。
function getTime(t) {
let h = parseInt(t / 60 / 60 % 24)
let m = parseInt(t / 60 % 60)
let s = parseInt(t % 60)
h = h < 10 ? '0' + h : h
m = m < 10 ? '0' + m : m
s = s < 10 ? '0' + s : s
return `转换完毕之后是${h}小时${m}分${s}秒`
}

getTime 函数接受一个参数 t，表示需要被转换的秒数。在函数体内，我们通过使用 parseInt 函数和模运算符将秒数转换为小时、分钟和秒数。

在转换过程中，我们使用了以下公式：

- 小时：h = parseInt(总秒数 / 60 / 60 % 24)
- 分钟：m = parseInt(总秒数 / 60 % 60)
- 秒数：s = parseInt(总秒数 % 60)

其中 % 是模运算符，表示取模（余数）运算。

在转换完成后，我们使用三元表达式来判断小时、分钟和秒数是否大于等于 10，如果小于 10 就在前面添加一个 0。

最后，我们通过模板字符串返回转换后的结果。

3. 转换

在函数体内部，我们调用 getTime 函数，并将用户输入的秒数作为参数传递给它。getTime 函数执行完毕后，将返回转换后的结果，并存储到变量 str 中。

```
let str = getTime(second)
```

4. 输出

我们使用 document.write 函数将转换后的结果输出到页面中。
document.write(str)

同时，我们还在控制台中输出变量 h 的值，但是这里引用的变量 h 是一个局部变量，其作用域只在 getTime 函数内部，而在函数外部并没有定义这个变量，所以程序会抛出一个 ReferenceError。

<!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>
    // age = age + 1
    // 1. 用户输入
    let second = +prompt('请输入秒数:')
    // 2.封装函数
    function getTime(t) {
      // console.log(t)  // 总的秒数
      // 3. 转换
      // 小时：  h = parseInt(总秒数 / 60 / 60 % 24)
      // 分钟：  m = parseInt(总秒数 / 60 % 60)
      // 秒数: s = parseInt(总秒数 % 60) 
      let h = parseInt(t / 60 / 60 % 24)
      let m = parseInt(t / 60 % 60)
      let s = parseInt(t % 60)
      h = h < 10 ? '0' + h : h
      m = m < 10 ? '0' + m : m
      s = s < 10 ? '0' + s : s
      // console.log(h, m, s)
      return `转换完毕之后是${h}小时${m}分${s}秒`
    }
    let str = getTime(second)
    document.write(str)
    console.log(h)
  </script>
</body>

</html>

花卷卷爱吃肉

关注

14
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
输入具体时间转化为xx小时xx分xx秒

同时，我们还在控制台中输出变量 h 的值，但是这里引用的变量 h 是一个局部变量，其作用域只在 getTime 函数内部，而在函数外部并没有定义这个变量，所以程序会抛出一个 ReferenceError。这段代码是一段 JavaScript 代码，实现的功能是将用户输入的秒数转换为小时、分钟和秒数，然后输出转换后的结果。为了方便代码的复用和管理，这个程序定义了一个名为 getTime 的函数，用于将用户输入的秒数转换为小时、分钟和秒数，并返回转换后的结果。最后，我们通过模板字符串返回转换后的结果。
复制链接

扫一扫

专栏目录