当前位置:Gxlcms > JavaScript > Jquery 绑定时间实现代码

Jquery 绑定时间实现代码

时间:2021-07-01 10:21:17 帮助过:2人阅读

引用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" />

人气教程排行