返回时钟案例-Da......登陆

时钟案例-Date(日期操作方法)

刘静2019-07-26 14:50:1913
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>time案例</title>
<style>
.box{width:200px;height:200px;background-color:#ccc;float:left;border:1px solid #009688;border-radius:10px;line-height:200px;margin:10px auto;font-size:60px;text-align:center;}
.main{width:1200px;height:1200px;margin:200px auto;}
/*.sp{font-size:60px;color:#333333;line-height:200px;float:right;}*/
</style>
</head>
<body>
<div>
<div><h1 id="myday1"></h1></div>
<div id="box1"><p id="hours"></p></div>
<div id="box2"><p id="minutes"></p></div>
<div id="box3"><p id="seconds"></p></div>
</div>
<script type="text/javascript">
a=document.getElementById("myday1");
var myday=new Date();
// document.write("今天日期:"+myday.getFullYear()+"年");
var month=new Array(12);
month[0]="1月";
month[1]="2月";
month[2]="3月";
month[3]="4月";
month[4]="5月";
month[5]="6月";
month[6]="7月";
month[7]="8月";
month[8]="9月";
month[9]="10月";
month[10]="11月";
month[11]="12月";

var week=new Array(7);
week[1]="星期一";
week[2]="星期二";
week[3]="星期三";
week[4]="星期四";
week[5]="星期五";
week[6]="星期六";
week[0]="星期日";


a.innerHTML="今天日期:"+myday.getFullYear()+"年"+month[myday.getMonth()]+myday.getDate()+"号&nbsp;&nbsp;&nbsp;"+week[myday.getDay()];

b=document.getElementById("box1");
b.innerHTML=myday.getHours()+":";

c=document.getElementById("box2");
c.innerHTML=myday.getMinutes()+":";

e=document.getElementById("box3");
e.innerHTML=myday.getSeconds();

function  myrefresh() {
       window.location.reload();
} 
setTimeout( ' myrefresh() ' , 1000 );  // 指定1秒刷新一次 


</script>
</body>
</html>


最新手记推荐

• 依赖注入小例子• 模板显示用户信息表,并分页显示• 模板继承,模仿php页面• 模拟用户登录验证的案例 依赖注入 Facade• 创建一个验证器, 用来对模型对应的表中字段进行验证处理

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网