码迷,mamicode.com
首页 > 编程语言 > 详细

javascript能够实时变化的时间代码

时间:2015-12-17 16:01:35      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:

javascript能够实时变化的时间代码:
在很多网站都有这样的功能,能够显示当前的事件,这样或许能够增加美观度,当然更加能够提高网页的人性化程度,能够让给用户实时了解当前时间,这样能够给网站增色不少。下面分享一段能够获取当前时间,并且能够进行格式化的代码:

 

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>javascript实现的时间显示代码-蚂蚁部落</title>
<script type="text/javascript"> 
 
function clockon(bgclock)
{
  var now = new Date();
  var year = now.getYear();
  var month = now.getMonth();
  var date = now.getDate();
  var day = now.getDay();
  var hour = now.getHours();
  var minu = now.getMinutes();
  var sec = now.getSeconds();
  var week;
  month = month+1;
  if(month<10)month="0"+month;
  if(date<10)date="0"+date;
  if(hour<10)hour="0"+hour;
  if(minu<10)minu="0"+minu;
  if(sec<10)sec="0"+sec;
  var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  week = arr_week[day];
  var time = "";
  time = year+""+month+""+date+""+week+""+hour+":"+minu+":"+sec;
  bgclock.innerHTML="["+time+"]";
  var timer = setTimeout("clockon(bgclock)",200);   
}
window.onload=function()
{
  var bgclock=document.getElementById("bgclock");
  clockon(bgclock);
}
</script>
</head>
<body>
<div id="bgclock"></div>
</body>
</body>
</html>

 

以上代码实现了实时走动的时间效果,大家直接引用就可以了,下面简单介绍一下是用方法:
此函数据具有一个参数,此参数就是要容纳事件的元素对象。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=7947

更多内容可以参阅:http://www.softwhy.com/javascript/

 

javascript能够实时变化的时间代码

标签:

原文地址:http://www.cnblogs.com/softwhy/p/5053993.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!