JS两种方法实现当前时间显示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script>
  //方法一
  function showclock(){
	var weekarr = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
	var montharr = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
	var date = new Date();
	var year = date.getFullYear();
	var month = montharr[date.getMonth()];
	var day = date.getDate()>=10?date.getDate():"0"+date.getDate();
	var weekday = weekarr[date.getDay()];
	var hour = date.getHours();
	hour=hour>=10?hour:"0"+hour;
	var min = date.getMinutes();
	min=min>=10?min:"0"+min;
	var sec = date.getSeconds();
	sec = sec>=10?sec:"0"+sec;
	var show = year+"年"+month+day+"日"+weekday+" "+hour+":"+min+":"+sec;
	document.getElementById("clockshow").innerHTML=show;
  }

  //方法二:不显示星期
  function clock(){
	var now = new Date();
	var show = now.toLocaleString();
	document.getElementById("clockshow").innerHTML=show;
  }


  function show(){
	setInterval("clock()",1000);
  }


  </script>
 </head>

 <body οnlοad="show()">
  <div  id="clockshow" style="height:100px;border:1px solid #000; text-align:center;">
  add
  </div>
 </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值