万象时代LOGO

新闻资讯

News

使用JS(javascript)显示年月日时间代码

DATE:2015-01-24 已浏览
455

通常我们做网站客户会需要再网站中加上实时的年与日,其实用很多方法都可以实现,用一个简单js也是比较省心的事情。

如下就是代码,可以复制看下效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
 <script language=Javascript> 
  function time(){
    //获得显示时间的div
    t_div = document.getElementById('showtime');
   var now=new Date()
    //替换div内容 
   t_div.innerHTML = "现在是"+now.getFullYear()
    +"年"+(now.getMonth()+1)+"月"+now.getDate()
    +"日"+now.getHours()+"时"+now.getMinutes()
    +"分"+now.getSeconds()+"秒";
    //等待一秒钟后调用time方法,由于settimeout在time方法内,所以可以无限调用
   setTimeout(time,1000);
  }
</script>
</head>

<body  onload="time()">
<div id="showtime"></div>
<p>查找更多代码,请访问:<a href="http://www.wanxiangshidai.com/" target="_blank">万象时代</a></p>
</body>
</html>