javascript 时间刻度尺 ruler 插件

时间刻度尺

 //调用刻度尺方法ruler.initPlugin({el: "ruler_div", //容器idheight: 50, //刻度尺高度maxScale: 240, //最大刻度startValue: 180, //刻度开始的初始值region: [0, 240], //选择刻度的区间范围background: "#fff", //刻度尺背景色markColor: "#c968ff", //中心刻度标记颜色isConstant: true, //是否不断地获取值success: function (res) {if(res === 240){rulerText.value = "24:00"; return;}var zeroTime = new Date();//获取当天零点时间zeroTime.setHours(0,0,0,0)zeroTime.setMinutes((res*6));var hours = zeroTime.getHours() < 10 ? "0" + zeroTime.getHours() : zeroTime.getHours();var minutes = zeroTime.getMinutes() < 10 ? "0" + zeroTime.getMinutes() : zeroTime.getMinutes();rulerText.value = hours + ":" + minutes;}});

时间刻度尺下载地址

javascript 时间刻度尺 ruler 插件相关推荐

精心挑选12款优秀的 JavaScript 日历和时间选择插件
今天这篇文章向大家分享12款精心挑选的优秀 JavaScript 日历和时间选择插件,都带有详细的使用教程和效果演示.这些插件能够帮助 Web 开发人员更快速的实现各种精美的日历和时间选择效果.同时推 ...
10个强大的Javascript表单验证插件推荐
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...
超全超实用的Javascript类库和jQuery插件大全之一：图片，地图和图形
为什么80%的码农都做不了架构师?>>> 日期:2012-10-10 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
超全超实用的Javascript类库和jQuery插件大全之二：文字处理，表格和列表处理，实用......
为什么80%的码农都做不了架构师?>>> 日期:2012-10-15 来源:GBin1.com 如果你需要解决一些开发中遇到的技术问题的话,很可能会找到一些相关的javasc ...
第一百零四节，JavaScript时间与日期
JavaScript时间与日期学习要点: 1.Date类型 2.通用的方法 3.格式化方法 4.组件方法 ECMAScript提供了Date类型来处理时间和日期.Date类型内置一系列获取和设置日期 ...
jcDate时间选取jQuery插件
jcDate时间选取jQuery插件 jquery插件库源于:http://www.huiyi8.com/sc/6294.html 转载于:https://www.cnblogs.com/lhrs/ ...
Json 时间转换为 Javascript 时间 Date Jquery 调用WCF
"/Date(1232035200000)/" 怎么转换成 javascript 的 Date 对象做法:new Date(+/\d+/.exec(value)[1]); val ...
我的JavaScript for Visual Studio插件开源了
最近忙于别的事情,我的JavaScript for Visual Studio插件一直没有做什么更新了很是对不起大家. 不过觉得这个东西如果做好的话对大家还是有帮助的,所以我还是把代码share出来 ...
java/javascript 时间操作工具类
一.java 时间操作工具类 import org.springframework.util.StringUtils;import java.text.ParseException; import j ...

javascript 时间刻度尺 ruler 插件

javascript 时间刻度尺 ruler 插件相关推荐

最新文章

热门文章