使用Jquery官方自带的显示时间的一款插件jquery.jclock.js
2017-11-14 19:19
806 查看
项目中需要加入一些的简单的天气以及时间的显示,本意是想调用接口,但想来其实不必要,于是统统用插件完成的,以下为实现过程,引入js
引入天气插件
页面效果,天气效果是滚动的显示3天的数据
js下载移步 点击打开链接
天气插件移步 http://www.tianqi.com/dingzhi/
<script src="/js/jquery.js" type="text/javascript"></script> <script src="/js/jquery.jclock.js" type="text/javascript"></script> <script type="text/javascript"> //时间 window.onload = function() { $("#time").jclock({withDate:true,withWeek:true }); } </script>
引入天气插件
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=10"
width="300" height="25" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" ></iframe>
页面效果,天气效果是滚动的显示3天的数据
js下载移步 点击打开链接
天气插件移步 http://www.tianqi.com/dingzhi/
相关文章推荐
- jQuery时间格式插件-moment.js的使用
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用
- 帮助更语义化的显示时间的jQuery插件 - tidyTime.js
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- jQuery使用插件dotdotdot.js实现段落溢出显示省略号
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- 帮助更语义化的显示时间的jQuery插件 - tidyTime.js
- Jquery datepicker 时间插件使用 js 时间相加,相减
- 帮助更语义化的显示时间的jQuery插件 - tidyTime.js
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- 使用jquery的blockui插件显示弹出层
- jquery按需加载js和css插件使用说明
- 哈哈还有一个时间插件的小bug-----jquery-calendar.js
- jquery的验证插件jquery.validate.js使用总结
- Jquery.from.js表单提交插件使用说明