本文主要是介绍javaScript | 练习：将用户输入的秒数转换为时分秒的格式，并在页面上显示结果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
运行结果如下：
示例代码如下:
<!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 : hm = m < 10 ? '0' + m : ms = s < 10 ? '0' + s : sreturn `您输入的是${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 变量的内容写入到页面的当前位置，显示转换后的时间。
这篇关于javaScript | 练习：将用户输入的秒数转换为时分秒的格式，并在页面上显示结果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
