HTML获取当前页面的系统时间和星期几
2018-01-24 16:40
489 查看
获取当前时间并显示在页面上,顶部span的id为clock,底部span的id为footyear
<span id="clock"><span> <!--顶部span的id为clock-->
<div class="footer_copyright">
Copyright © 2015 - <span id="footyear"></span> Topinland. All Rights Reserved.<em>青岛天品网络科技有限公司 版权所有</em> <!--底部span的id为footyear-->
</div>
<script type="text/javascript">
function clock(){
var time=new Date();
var week;
switch (time.getDay()){ <!--time.getDay()获取后显示1~7阿拉伯数字-->
case 1: week="星期一"; break;
case 2: week="星期二"; break;
case 3: week="星期三"; break;
case 4: week="星期四"; break;
case 5: week="星期五"; break;
case 6: week="星期六"; break;
default: week="星期天";
}
var year=time.getFullYear();
var month=time.getMonth();
var date=time.getDate();
document.getElementById("clock").innerHTML = "今天是:"+year+"年"+(month+1)+"月"+date+"日 "+week;
document.getElementById("footyear").innerHTML = year;
}
setInterval(clock,1000); <!--每隔1秒显示一次-->
</script>
<span id="clock"><span> <!--顶部span的id为clock-->
<div class="footer_copyright">
Copyright © 2015 - <span id="footyear"></span> Topinland. All Rights Reserved.<em>青岛天品网络科技有限公司 版权所有</em> <!--底部span的id为footyear-->
</div>
<script type="text/javascript">
function clock(){
var time=new Date();
var week;
switch (time.getDay()){ <!--time.getDay()获取后显示1~7阿拉伯数字-->
case 1: week="星期一"; break;
case 2: week="星期二"; break;
case 3: week="星期三"; break;
case 4: week="星期四"; break;
case 5: week="星期五"; break;
case 6: week="星期六"; break;
default: week="星期天";
}
var year=time.getFullYear();
var month=time.getMonth();
var date=time.getDate();
document.getElementById("clock").innerHTML = "今天是:"+year+"年"+(month+1)+"月"+date+"日 "+week;
document.getElementById("footyear").innerHTML = year;
}
setInterval(clock,1000); <!--每隔1秒显示一次-->
</script>
相关文章推荐
- 使用js获取系统当前时间并在页面显示
- C#中获取系统当前时间是星期几
- 获取系统当前时间星期弹框显示
- 在JSP页面中获取当前系统时间
- js+html获取系统当前时间
- JSP页面获取系统当前时间
- SSH笔记 在JSP页面中通过Java获取系统时间并赋值给当前页面标签完整代码
- 自己写的html在span中获取当前时间日期星期
- 在页面加载完成后通过jquery给多个span赋html值(当前系统时间本地格式化new Date().toLocaleDateString(); )
- HTML获取系统当前时间
- android获取系统当前详细时间,包括星期
- 如何在JSP页面中获取当前系统时间(转)
- jsp 页面 获取系统当前日期和时间(钟表功能)
- 在JSP页面中获取当前系统时间
- JSP页面中Input输入框获取当前系统时间
- 在jsp页面获取系统当前时间
- 工作总结(纯html页面写的获取系统时间显示)
- 获取当前系统时间计算后面的七天的日期和星期,本周,本月
- 纯html页面写的获取系统时间显示
- 获取系统当前时间时带有星期的处理方法