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