JS前台获取当前系统时间、日期、星期(时钟特效)
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时钟特效</title>
<script type="text/javascript" src="js/myjs04.js" ></script>
</head>
<body>
<div id="adv" style="width: 500px;height: 50px;
background-color: orange;">时间显示的地方</div>
</body>
</html
JavaScript:
//文档加载完成执行匿名函数
window.onload=function(){
//每隔1秒执行一次函数
setInterval("changeTime()",1000);
}
function changeTime(){
//1.获取div
var adv=document.getElementById("adv");
//2.改div的内容
var date=new Date();//定义一个日期对象
//定义一个累加字符串的变量
var str="";
str+=date.getFullYear()+"年";//2018年
str+=(date.getMonth()+1)+"月";//2018年*月
str+=date.getDate()+"日";//2018年*月**日
str+=date.getHours()+"时";//2018年*月**日**时
str+=date.getMinutes()+"分";//2018年*月**日**时**分
str+=date.getSeconds()+"秒";//2018年*月**日**时**分**秒
str+="星期"+date.getDay();//2018年*月**日**时**分**秒星期四
//将值放到对应的位置
adv.innerHTML=str;
}
效果图:
如图所示,有年月日,时分秒以及星期
####声明
转载请声明出处,仅供大家学习使用,未经允许不可用于商业用途,一经发现,将经法律途径追究!!!