在很多网页上都有这样的功能,那就是有一块区域能够实时的显示当前的事件,这是比较人性化的一个举措,同时也让网站有了动态的感觉,下面是一段实现此效果的代码实例,希望能够给大家带来帮助。

代码实例如下:
   [ 其他 ] 运行代码    下载代码
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.51qianduan.com/" />
<head>
<title>51前端</title>
<script type="text/javascript">
function showLeftTime(){
  var show=document.getElementById("show");
  var now=new Date();
  var year=now.getYear();
  var month=now.getMonth();
  var day=now.getDate();
  var hours=now.getHours();
  var minutes=now.getMinutes();
  var seconds=now.getSeconds();
  show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";
  var timeID=setTimeout(showLeftTime,1000);
}
window.onload=function(){
  showLeftTime()
}
</script>
</head>
<body>
 <div id="show"></div>
</body>
</html>

代码描述:javascript 实时显示时间,javascript实时显示时间



7 9



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js日期时间 javascript日期时间 js时间轴 javascript时间轴

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到