jQuery数字钟,MyDigitClock

所属分类:输入-日期和时间

 29018  306  查看评论 (1)
分享到微信朋友圈
X
jQuery数字钟,MyDigitClock ie兼容6

这个是笔者今天随意写的一个jquery plugin,名为 MyDigitClock 作为送给大家的节日礼物! 它狠简单,你可以在网页上加个简单的live digital clock (数字钟),还有一点动画效果,保证你的网页马上充满生气。你可以指定颜色字型,有没有跳动效果等。狠容易使用,支持一页显示多个钟。

使用方法:

  1. 加上jquery及jquery.MyDigitClock.js的reference

<script src="js/jquery.MyDigitclock.js"></script>
<script type="text/javascript" src="jquery.js"></script>

2. 在显示的地方加上div

<div id="clock1"></div>
<div id="clock2"></div>
<div id="clock3"></div>

3. 直接call MyDigitClock()

$(function(){
	$("#clock1").MyDigitClock();

	$("#clock2").MyDigitClock({
		fontSize:50, 
		fontFamily:"Century gothic", 
		fontColor: "#000", 
		fontWeight:"bold", 
		bAmPm:true,
		background:'#fff',
		bShowHeartBeat:true
		});
		
	$("#clock3").MyDigitClock({
		fontSize:150, 
		fontColor:"grey",
		background:"#fff",
		fontWeight:"bold",
		timeFormat: '{HH}:{MM}'}
	);
});


相关插件-日期和时间

时间日历选择控件

最方面的时间日历选择控件
  日期和时间
 61392  415

jquery仿腾讯QQ空间时光轴静态页面

仿腾讯QQ空间时光轴静态页面
  日期和时间
 29042  370

仿IOS移动端日历

超好用美观的移动端日历,兼容安卓和苹果及微信浏览器
  日期和时间
 46398  419

倒计时

jquery倒计时
  日期和时间
 36091  321

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    西瓜 0
    2014/9/10 16:02:48
    演示错误以修正,感谢网友提出的错误信息! 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复