当前位置: 首页 > 编程笔记 >

jquery模拟LCD 时钟的html文件源代码

闻人越
2023-03-14
本文向大家介绍jquery模拟LCD 时钟的html文件源代码,包括了jquery模拟LCD 时钟的html文件源代码的使用技巧和注意事项,需要的朋友参考一下
以下是HTML文件源代码:
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jQuery模拟LCD时钟</title> 
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.0.min.js"></script> 
<link rel="Stylesheet" type="text/css" href="http://keleyi.com/keleyi/phtml/jqtexiao/24/jquery.KeleyiLCDClock.css" /> 
<style type="text/css"> 
div{margin-bottom:10px} 
</style> 
</head> 
<body> 
<div><h2>jQuery模拟LCD时钟</h2><a href="http://keleyi.com/a/bjad/l3u8rpcb.htm" target="_blank">原文</a> 
</div> 
<div id="keleyitime1">2014/4/24 12:38:20</div> 
<div id="keleyitime2">2000/1/1 23:59:46</div> 
<div id="keleyitime3">1680/12/31 23:59:47</div> 
<div id="keleyitime4">2011/3/26 20:18:12</div> 
<script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/24/jquery.KeleyiLCDClock.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#ke"+"leyitime4").text(Date()); 
$("#kele"+"yitime1").KeleyiLCDClock(); 
$("#keley"+"itime2").KeleyiLCDClock(); 
$("#kel"+"eyitime3").KeleyiLCDClock(); 
$("#k"+"eleyitime4").KeleyiLCDClock(); 
}); 
</script> 
</body> 
</html> 

使用:
引用jquery.KeleyiLCDClock.css文件和jquery.KeleyiLCDClock.js文件。
然后定义div的id,比如keleyitime,接着设置时间与使用KeleyiLCDClock()方法。
$("#keleyitime").text(Date());
$("#keleyitime").KeleyiLCDClock();
 类似资料:
  • 本文向大家介绍javascript canvas时钟模拟器,包括了javascript canvas时钟模拟器的使用技巧和注意事项,需要的朋友参考一下 canvas时钟模拟器,供大家参考,具体内容如下 主要功能 能够显示当前的时间,也能够切换夜晚模式和白天模式 主要代码 h = h > 12 ? h : h - 12 // 下午时间修正 // 如果画布状态很混沌的话多使用ctx.restore()

  • *未定义构造函数关键帧(Duration,KeyValue) **构造函数键值(DoubleProperty,double,Interpolator)未定义 我看了API文档

  • 本文向大家介绍javascript实现模拟时钟的方法,包括了javascript实现模拟时钟的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现模拟时钟的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 今天公司的B2C平台需要一个一个小小的重构,其中有个货币菜单是原生的select下拉菜单,需要用可定义的 html来模拟,这个任务分给我啦。这也不是难事啦,用过div模拟,用一个隐藏文本域来接受传递的值就OK,国旗开始还想了下,后来换了个思路就迎刃而 解啦,灰常简单的实现,不过我又是用Jquery来实现的哦。不多废话啦,我直接贴代码了。这个我是基于jquery-1.6.2.min.js版本做 的。

  • 本文向大家介绍jQuery模拟爆炸倒计时功能实例代码,包括了jQuery模拟爆炸倒计时功能实例代码的使用技巧和注意事项,需要的朋友参考一下  HTML部分  js代码片段 总结 以上所述是小编给大家介绍的jQuery模拟爆炸倒计时功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!

  • 问题内容: 我对模拟还很陌生,并且我一直在尝试模拟实际内容(本质上仅在内存中创建一个虚拟文件),以便在任何时候都不会将任何数据写入磁盘。 我尝试过模拟文件和模拟尽可能多的属性的解决方案,然后还使用文件写入器/缓冲写入器将其写入,但是这些方法不能很好地工作,因为它们需要规范路径。有人找到了除此以外的解决方案,但我正在解决这个错误? 我一直在这样做: 任何想法或指导都将非常有帮助。在此之后的某个地方,