使用JavaScript获取当前时间方法AM、PM
开发工具:HBuilder
撰写时间:2020年9月29日
1、获取当前时间
-
var today = new Date(); //获取当前时间
-
-
var yy = today.getFullYear(); // 年
-
var mm = today.getMonth() 1; // 月,0~11,是从0开始,如果不加1就只有11
-
var dd = today.getDate(); // 日
-
var xq = today.getDay(); // 星期
-
var hh = today.getHours(); // 小时
-
var mM = today.getMinutes(); // 分钟
-
var ss = today.getSeconds(); // 秒
2、判断,如果大于12个小时就是下午,否则就是上午
-
var time;
-
-
if(xq <= 12) {
-
time = "AM"; //小于就是AM
-
} else {
-
time = "PM"; //大于就是PM
-
}
3、输出
-
//设置div的内容为当前时间
-
show = "<h1>现在是:" yy "年" mm "月" dd "日 " hh ":" mM ":" ss time "星期" xq "</h1>";
-
-
var time = document.getElementById("myclock").innerHTML = show;
-
-
setInterval("getTime()", 1000); //setInterval设置调用方法的时间间隔,每隔一秒调用一次方法,1000毫秒等于一秒
4、运行结果
5、整体源码
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="UTF-8">
-
<title></title>
-
<script type="text/javascript">
-
function getTime() {
-
var today = new Date(); //获取当前时间
-
-
var yy = today.getFullYear(); //年
-
var mm = today.getMonth() 1; //月,0~11,是从0开始,如果不加1就只有11
-
var dd = today.getDate(); //日
-
var xq = today.getDay(); //星期
-
var hh = today.getHours(); //小时
-
var mM = today.getMinutes(); //分钟
-
var ss = today.getSeconds(); //秒
-
-
var time;
-
if(xq <= 12) {
-
time = "AM"; //小于就是AM
-
} else {
-
time = "PM"; //大于就是PM
-
}
-
-
//设置div的内容为当前时间
-
show = "<h1>现在是:" yy "年" mm "月" dd "日 " hh ":" mM ":" ss time "星期:" xq "</h1>";
-
var num = document.getElementById("myclock").innerHTML = show;
-
}
-
setInterval("getTime()", 1000); //setInterval设置调用方法的时间间隔,每隔一秒调用一次方法,1000毫秒等于一秒
-
-
</script>
-
-
</head>
-
<body>
-
<!--myclock,设置盒子显示在页面 -->
-
<div id="myclock"></div>
-
</body>
-
</html>
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhghfceg
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13