极客教程使用JQuery将分钟转换为小时/分钟
任务是使用JavaScript将给定的分钟转换为小时/分钟格式。这里讨论了两种方法。
方法1
- 从用户获取输入。
- 使用 Math.floor()方法 从分钟中获取小时的 floor 值。
- 使用 %运算符 获取分钟。
示例1： 该示例实现了上述方法。
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP">
</p>
Type Minutes:
<input class="mins" />
<br>
<br>
<button onclick="GFG_Fun()">
click here
</button>
<p id="GFG_DOWN">
</p>
<script>
var up = document.getElementById('GFG_UP');
var element = document.getElementById("body");
up.innerHTML =
"Click on the button to get minutes in Hours/Minutes format.";
function GFG_Fun() {
// Getting the input from user.
var total = ('.mins').val();
// Getting the hours.
var hrs = Math.floor(total / 60);
// Getting the minutes.
var min = total % 60;
('#GFG_DOWN').html(hrs +
" Hours and " + min + " Minutes");
}
</script>
</body
输出：
方法2
- 从用户获取输入。
- 使用 Math.floor()方法 从分钟中获取小时的整数部分。
- 使用 %运算符 获取分钟的余数。
- 检查小时是否小于10，如果是，则在小时前面添加一个零。
- 同样地，检查分钟是否小于10，如果是，则在分钟前面添加一个零。
示例: 这个示例实现了上述方法。
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body>
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP">
</p>
Type Minutes:
<input class="mins" />
<br>
<br>
<button onclick="GFG_Fun()">
click here
</button>
<p id="GFG_DOWN">
</p>
<script>
var up = document.getElementById('GFG_UP');
var element = document.getElementById("body");
up.innerHTML =
"Click on the button to get minutes in Hours/Minutes format.";
function conversion(mins) {
// getting the hours.
let hrs = Math.floor(mins / 60);
// getting the minutes.
let min = mins % 60;
// formatting the hours.
hrs = hrs < 10 ? '0' + hrs : hrs;
// formatting the minutes.
min = min < 10 ? '0' + min : min;
// returning them as a string.
return `{hrs}:{min}`;
}
function GFG_Fun() {
var total = ('.mins').val();
('#GFG_DOWN').html(conversion(total));
}
</script>
</body>
输出结果：
