前端学习代码实例-JavaScript实时变化时间日期

最新推荐文章于 2023-09-27 08:38:09 发布

weixin_34353714

最新推荐文章于 2023-09-27 08:38:09 发布

阅读量338

点赞数

文章标签：前端 javascript ViewUI

原文链接：https://my.oschina.net/zybc/blog/3039554

版权

为什么80%的码农都做不了架构师？>>>

现在网页都在最大程度的追求人性化，比如一个时间日期比较人性化的设置，能够实时获取当前客户端机器时间日期。

下面是一段这样的实例代码：


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>web前端开发学习q-qu-n：731771211   详细教程讲解</title>
<script type="text/javascript">
function printTime(){
  var time=new Date();
  var year=time.getFullYear();
  var month=(time.getMonth())+1;
  var daynum=time.getDay();
  var hour=time.getHours();
  var min = time.getMinutes();
  var sec=time.getSeconds();
  var da=time.getDate();
  var daystr;
  switch(daynum){
    case 0: daystr="星期日";
      break;
    case 1: daystr="星期一";
      break;
    case 2: daystr="星期二";
      break;
    case 3: daystr="星期三";
      break;
    case 4: daystr="星期四";
      break;
    case 5: daystr="星期五";
      break;
    case 6: daystr="星期六";
      break;
    default: daystr="";
  }
  var str=year+"年"+month+"月"+da+"日  "+daystr+" "+hour+": "+min+": "+sec;
  timer.innerHTML=str;
  setTimeout(printTime,1000);
}
window.onload=function(){printTime();}
</script>
<body>
<div id="timer"></div>
</body>
</html>

转载于:https://my.oschina.net/zybc/blog/3039554