这个网站是一个提供时间显示功能的网页,它使用了JavaScript编写。该网站的主功能是显示当前日期和时间,并且可以设置定时器来每秒更新一次显示的时间。
HTML结构如下:
<!-- 时间展示 -->
<div id="showtime"></div>
<!-- 导航栏 -->
<nav><a href="#">首页</a><a href="#">关于我们</a><a href="#">联系我们</a></nav>
CSS样式如下:
/* 导航栏样式 */
.nav {
width: 1003px;
height: 26px;
margin: 0 auto;
background: url(/10803/images/nb.jpg) repeat-x;
}
.nav a {
padding: 0 35px;
line-height: 26px;
color: #fff;
}
JavaScript代码:
//获取时间元素
var t_div = document.getElementById('showtime'); // 替换div内容
var now = new Date();
t_div.innerHTML = "今天是" + now.getFullYear() + "/" + (now.getMonth() + 1) + "/" + now.getDate() + "日"; // 等待一秒钟后调用time方法,由于setTimeout在time方法内,所以可以无限调用 setTimeout(time,1000);
以上代码是一个简单的网页,通过JavaScript实现时间的动态更新,并使用CSS进行样式美化。