好吧！什么都不用说了！直接看吧！相信你能看的懂！我才做好的！有图有真相！用事实说话！
第一步：
新建一个名为“Fonts”的文件夹装 字体样式 ！下载LcdD.ttf （字体样式）复制一份转成LcdD.eot （也是字体样式）
怎么转呢？好吧！http://www.kirsle.net/wizards/ttf2eot.cgi 这个就不用多说了撒！
第二步：
写html 代码
<!-- 显示时间的div-->
<div class="showtime" id="showtime">
</div>
第三步：
写获取时间的javascript函数
<script type="text/javascript">
//获取具体时间的函数
function ShowTime() {
var date = new Date();//实例化一个date 对象
var year = date.getFullYear();//获取年份
var month = date.getMonth() + 1; //获取月份，获取的月份比真实的月份少一个月，所以这里得+1
var day = date.getDate(); //获取日子
// var week = date.getDay(); //返回0--6，其中0表示星期天，1--6代表星期一到星期六
var hours = date.getHours(); //小时
var minutes = date.getMinutes(); //分钟
var seconds = date.getSeconds();//秒
// var milliseconds = date.getMilliseconds()//获得毫秒
var datetimes = year + ":" + month + ":" + day + ":" + hours + ":" + minutes + ":" + seconds;//安需要构建字符串
document.getElementById("showtime").innerHTML = datetimes;//写入显示时间的div中
};
setInterval("ShowTime()", 1000); //1秒执行一次--1秒=1000毫秒
</script>
第四步：
下面的代码，我想都看的懂吧！这个不用多说！
<body οnlοad="ShowTime()">
第五步：
这是将日期显示格式成LCD 的关键（CSS 样式）
<style type="text/css">
/*IE浏览器*/
@font-face {
font-family: LcdD;
src: url(Fonts/lcdd.eot) format("truetype");
}
/*非IE浏览器*/
@font-face {
font-family: LcdD;
src: url(Fonts/lcdd.ttf) format("truetype");
}
.showtime {
font-family: LcdD;
font-size: 30px;
color:Green;
}
</style>
第六步：
洗洗睡吧！程序员是用青春绿化了互联网！保重身体才是王道啊~~~~~~~~~~~~~~~~~~~~~~~~
扫一扫
2084
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
