Jquery 绑定时间实现代码

引用jquery 库：<script type="text/javascript" src="jquery.js"></script>
　　　　　　　　<script type="text/javascript" src="jquery.jclock.js"></script>


代码如下:

$(function() {
$('#demo').jclock();
$('#local').click(function() { $('#demo').jclock() });
$('#with').click(function() { $('#demo').jclock({ withDate: true, withWeek: true }) });
$('#utc').click(function() { $('#demo').jclock({ withDate: true, utc: true }) });
});

前台代码：


代码如下:

<div id="demo"></div>
<input type="button" id="local" value="本地时间" />
<input type="button" id="with" value="带日期、星期" />
<input type="button" id="utc" value="UTC" />

赞 (0)

相关推荐

  • Jquery 绑定时间实现代码

    引用jquery 库:<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.jclock.js"></script> 复制代码 代码如下: $(function() { $('#demo').jclock(); $('#local').

  • 获取客户端电脑日期时间js代码(jquery)

    原生态javascript获取日期 复制代码 代码如下: <SCRIPT LANGUAGE="JavaScript">var myDate = new Date();    myDate.getYear();       //获取当前年份(2位)    myDate.getFullYear();   //获取完整的年份(4位,1970-????)    myDate.getMonth();      //获取当前月份(0-11,0代表1月)    myDate.getDat

  • jQuery带时间的日期控件代码分享

    jQuery带时间的日期控件代码分享

    本文实例讲述了JS+CSS3实现的类似于苹果iwatch计时器特效.分享给大家供大家参考.具体如下: 带时间的jQuery日期控件代码是一款基于jQueryUI实现的,可自定义日期插件语言,这个日期控件的亮点就在于选择的时间可精确到分钟. 运行效果图:                    -------------------查看效果 下载源码------------------- 小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQuery带时间的日期控件代码如下 <h

  • jQuery 全选 全不选 事件绑定的实现代码

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <td width="82%" colspan="3"> <input type="checkbox" id="all">全选      <input type="checkbox" id="reverse">反选 </td> <td width="82%" c

  • 多种jQuery绑定事件的实现方式

    最近发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行. 下面是一个click事件被重复绑定的示例: function reg_button_click(){ $("#button).click(function(){ alert("button click"); }); } $(document).ready(function(){ #重复注册3次 reg_button_click(); reg_button_click(); reg_but

  • jQuery绑定事件监听bind和移除事件监听unbind用法实例详解

    本文实例讲述了jQuery绑定事件监听bind和移除事件监听unbind用法.分享给大家供大家参考,具体如下: 这里分别采用后bind(eventType,[data],Listener)//data为可选参数,one()该方法绑定的事件触发一次后自动删除,unbind(eventType,Listener), 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w

  • jQuery自定义数值抽奖活动代码

    本文实例为大家分享了jquery输入数字随机抽奖特效代码,供大家参考,具体内容如下 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery自定义数值抽奖活动代码 - 何问起</title><base target="_blank" /> <script type="text/ja

  • jQuery 绑定事件的方式总结

      jQuery 绑定事件 jQuery提供了多种绑定事件的方式,每种方式各有其特点,明白了它们之间的异同点,有助于我们在写代码的时候进行正确的选择,从而写出优雅而容易维护的代码.下面我们来看下jQuery中绑定事件的方式都有哪些. jQuery中提供了四种事件监听方式,分别是bind.live.delegate.on,对应的解除监听的函数分别是unbind.die.undelegate.off.在开始看他们之前    一:bind(type,[data],function(eventObjec

  • jquery css 选择器演示代码

    jquery css 选择器演示代码

    效果如图所示:核心代码: 复制代码 代码如下: <script type="text/javascript"> $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//改变body内所

  • jQuery绑定事件不执行但alert后可以正常执行

    jQuery绑定事件不执行但alert后可以正常执行

    因为我不知道怎么描述这个问题,故标题起的这么坑爹 主要过程是这样的,今天我写一个类似于百度知道那样有提问答案的页面,所有的数据都是页面第一次加载时通过ajax得到的  希望实现的效果是提问者可以通过店家每个答案后面的星星符号选择采纳此答案,被采纳的答案星星图标会变成全黑的. 开始我是这样写的 复制代码 代码如下: $('.choose_right_answer').bind('click',function(){ if(currentUser==questioner) { if ($(this)

随机推荐