🤞 点击可跳转个人主页
🐱🏍发现的一个宝藏网站
😁💋给兄弟们安利一个最近发现的很好刷题学习网站,上面包含了很多东西,有面试相关的题目,各厂的大题,还有学习的知识点,甚至还有专项练习 ,是一个很值得我们去练习刷题的好网站点击我就可以到哦
先看一下效果
18
目录
代码展示:
第一步:框架
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
</script>
</body>
</html>
第二步:定义一个输入框,让用户输入多少秒,并用函数封装
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
}
gettimes(num)
</script>
</body>
</html>
第三步:定义好秒,分,小时
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours =
var mintures =
var selects =
}gettimes(num)
</script>
</body>
</html>
第四步:添加转换条件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures =
var selects =
gettimes(num)
</script>
</body>
</html>
这里用到了parseint (向上取整)然后进行取余转换
第五步:完善转换条件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures = parseInt(times / 60 % 60)
var selects = parseInt(times % 60)
gettimes(num)
</script>
</body>
</html>
第六步:补0
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures = parseInt(times / 60 % 60)
if (mintures < 10) {
mintures = '0' + mintures
}
var selects = parseInt(times % 60)
if (selects < 10) {
selects = '0' + selects
}
gettimes(num)
</script>
</body>
</html>
第七步:返回值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures = parseInt(times / 60 % 60)
if (mintures < 10) {
mintures = '0' + mintures
}
var selects = parseInt(times % 60)
if (selects < 10) {
selects = '0' + selects
}
//传回多多个值需要用数组形式
return [times, hours, mintures, selects]
gettimes(num)
</script>
</body>
</html>
这里记住retuen 如果想返回多个值,需要用数组的形式返回,如果用,号链接返回多值,只返回靠后的那一个
第八步:打印
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures = parseInt(times / 60 % 60)
if (mintures < 10) {
mintures = '0' + mintures
}
var selects = parseInt(times % 60)
if (selects < 10) {
selects = '0' + selects
}
//传回多多个值需要用数组形式
return [times, hours, mintures, selects]
}
var lea = gettimes(num)
alert(lea[0] + '秒' + '转换后为' + lea[1] + '小时' + lea[2] + '分' + lea[3] + '秒')
</script>
</body>
</html>
最终代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var num = prompt('请输入秒数') * 1;
function gettimes(times) {
var hours = parseInt(times / 60 / 60 % 24)
var mintures = parseInt(times / 60 % 60)
if (mintures < 10) {
mintures = '0' + mintures
}
var selects = parseInt(times % 60)
if (selects < 10) {
selects = '0' + selects
}
//传回多多个值需要用数组形式
return [times, hours, mintures, selects]
}
var lea = gettimes(num)
alert(lea[0] + '秒' + '转换后为' + lea[1] + '小时' + lea[2] + '分' + lea[3] + '秒')
</script>
</body>
</html>