好吧！什麼都不用說了！直接看吧！相信你能看的懂！我才做好的！有圖有真相！用事實說話！
第一步：
新建一個名爲“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>
第六步：
洗洗睡吧！程序員是用青春綠化了互聯網！保重身體纔是王道啊~~~~~~~~~~~~~~~~~~~~~~~~