html怎么动态获取系统时间_代码实现获取当前的地理位置
2023-06-13 09:14:49 时间
大家好,又见面了,我是你们的朋友全栈君。
HTML+JS动态获取当前时间
效果图:
说明:
JavaScript 中 Date 对象
创建 Date 对象的语法:
var myDate=new Date()
常用 Date 对象方法:
方法 | 描述 |
---|---|
Date() | 返回当日的日期和时间 |
getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31) |
getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6) |
getMonth() | 从 Date 对象返回月份 (0 ~ 11) |
getFullYear() | 从 Date 对象以四位数字返回年份 |
getHours() | 返回 Date 对象的小时 (0 ~ 23) |
getMinutes() | 返回 Date 对象的分钟 (0 ~ 59) |
getSeconds() | 返回 Date 对象的秒数 (0 ~ 59) |
JavaScript 中 requestAnimationFrame()方法
window.requestAnimationFrame()方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画,通常与 setTimeout() 方法一起使用
源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Html+js获取当前时间</title>
<style type="text/css">
#Main
{
margin-top: 40px;
margin-left: 50px;
height: 100px;
font-size: 30px;
}
</style>
<script type="text/javascript">
window.onload=function()
{
window.requestAnimationFrame(getDate)
}
function getDate()
{
window.setTimeout(function(){
window.requestAnimationFrame(getDate)
},1000/2)
var d=new Date();
var year=d.getFullYear() //获取年
var month=d.getMonth()+1; //获取月,从 Date 对象返回月份 (0 ~ 11),故在此处+1
var day=d.getDay() //获取日
var days=d.getDate() //获取日期
var hour=d.getHours() //获取小时
var minute=d.getMinutes() //获取分钟
var second=d.getSeconds() //获取秒
if(month<10) month="0"+month
if(days<10) days="0"+days
if(hour<10) hour="0"+hour
if(minute<10) minute="0"+minute
if(second<10) second="0"+second
var week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六")
var Tools=document.getElementById("Main")
var da=year+" 年 "+month+" 月 "+days+" 日 "+week[day]+" "+hour+" : "+minute+" :"+second
Tools.innerHTML=da
}
</script>
</head>
<body>
<div id="Main"></div>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/190397.html原文链接:https://javaforall.cn
相关文章
- js把HTML转成对象,将js对象转换为html「建议收藏」
- html里面超链接alt_怎样用HTML代码在图片插入超链接[通俗易懂]
- Golang框架Gin入门实战--(4)HTML模板渲染以及模板语法 自定义模板函数 静态文件服务(下)
- 学生个人网页制作html_个人网页简单模板
- 在线客服系统中javascript 源码实现除去html标签
- 表白代码,爱心树html
- HTML中,按钮button与submit区别是什么详解编程语言
- html中行级元素的居中显示。详解编程语言
- Linux上跑起来的HTML之旅(linux运行html)
- Linux系统下HTML应用的部署(linuxhtml部署)
- 让Linux灵活运行HTML:简单有效的方法(linux运行html)
- oracle技术帮助搭建强大的HTML网页(oraclehtml)
- HTML <tfoot> 标签
- 从HTML链接搭建Oracle数据库(html链接oracle)
- 用正则表达式写的HTML分离函数