JavaScript Date getSeconds() 方法
JavaScript基础 2022-06-08 09:51:01小码哥的IT人生shichen
JavaScript Date getSeconds() 方法
实例
根据本地时间返回秒数：
var d = new Date();
var n = d.getSeconds();
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击该按钮可显示当前时间的秒数。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
var d = new Date();
var n = d.getSeconds();
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
页面下方有更多 实例。
定义和用法
getSeconds() 方法返回指定日期和时间的秒数（从 0 到 59）。
浏览器支持
| 方法 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| getSeconds() | 支持 | 支持 | 支持 | 支持 | 支持 |
语法
Date.getSeconds()
参数
无参数。
技术细节
| 返回值： | 数值，从 0 到 59，表示秒。 |
|---|---|
| JavaScript 版本： | ECMAScript 1 |
更多实例
使用 getHours()、getMinutes() 和 getSeconds() 显示时间：
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function myFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
完整实例：
<!DOCTYPE html>
<html>
<body>
<p>单击按钮可显示时间。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function addZero(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
function myFunction() {
var d = new Date();
var x = document.getElementById("demo");
var h = addZero(d.getHours());
var m = addZero(d.getMinutes());
var s = addZero(d.getSeconds());
x.innerHTML = h + ":" + m + ":" + s;
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
