这篇文章主要介绍了 js 获取当前时间显示在页面上并每秒刷新, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
方法很简单,代码也很简洁,直接奉上代码吧
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- js获取当前时间显示在页面上
- </title>
- <script>
- window.onload = function() {
- //定时器每秒调用一次fnDate()
- setInterval(function() {
- fnDate();
- },
- 1000);
- }
- //js 获取当前时间
- function fnDate() {
- var oDiv = document.getElementById("div1");
- var date = new Date();
- var year = date.getFullYear(); //当前年份
- var month = date.getMonth(); //当前月份
- var data = date.getDate(); //天
- var hours = date.getHours(); //小时
- var minute = date.getMinutes(); //分
- var second = date.getSeconds(); //秒
- var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " " + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
- oDiv.innerHTML = time;
- }
- //补位 当某个字段不是两位数时补0
- function fnW(str) {
- var num;
- str > 10 ? num = str: num = "0" + str;
- return num;
- }
- </script>
- </head>
- <body>
- <div id="div1">
- </div>
- </body>
- </html>
来源: