网页中显示LCD时间
来源:互联网 发布:nba变态数据 编辑:程序博客网 时间:2024/05/18 11:28
好吧!什么都不用说了!直接看吧!相信你能看的懂!我才做好的!有图有真相!用事实说话!
第一步:
新建一个名为“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 onload="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>
第六步:
洗洗睡吧!程序员是用青春绿化了互联网!保重身体才是王道啊~~~~~~~~~~~~~~~~~~~~~~~~
- 网页中显示LCD时间
- 网页中动态显示时间
- 网页中动态时间显示
- 网页中动态显示日期时间
- 网页中显示当前时间日期
- 网页中如何用javascript显示时间
- 在网页中动态显示时间
- JavaScript网页中动态显示时间
- 在网页中动态显示时间
- 【鼓捣树莓派】动态网页控制lcd显示
- 51单片机—LCD显示闹钟时间
- 网页动态显示时间
- 网页显示当前时间
- 网页显示时间代码
- 网页动态显示时间
- 网页显示时间
- 如何在网页中动态的显示日期时间
- 如何在网页中动态显示当前时间
- django 自定模板标签的注册
- Cocos2d-x 2.0 拖尾效果深入分析
- java字符串——字符串replace()
- win7多用户远程桌面
- BigDecimal.setScale 处理java小数点
- 网页中显示LCD时间
- 一个游戏创业者如何跳出模式
- oracle vm 硬盘扩容(vmdk格式)
- sicily 1014. Specialized Four-Dig
- linux下使用tar命令
- 关于offsetLeft与position:relative,margin:auto;的一些关系
- 对程序员最具影响的书籍
- 转载和积累系列 - LuCI简介
- 【v4l2】应用程序获取一帧并处理