一.概述
在有些 报表 需求中,需要为控件添加倒计时功能,限制到某一个时间点后能进行一项操作或不能进行某项操作,比如查询,导出功能等等,又需要人性化地显示还有多少时间,即倒计时功能,比如下图中我们限制这个报表在每天10点后才能查询
normal; word-spacing: 0px; text-transform: none; color: rgb(0,0); text-align: center; font: medium Simsun; widows: 1; letter-spacing: normal; text-indent: 0px; -webkit-text-stroke-width: 0px">
normal; word-spacing: 0px; text-transform: none; color: rgb(0,0); text-align: center; font: medium Simsun; widows: 1; letter-spacing: normal; text-indent: 0px; -webkit-text-stroke-width: 0px">
这种功能如何实现的呢
二.实现思路
主要原理是利用控件的setEnable(true)/setEnable(false)
来进行设置控件的可用与不可用状态,在获取时间的过程中,需要利用到JS中的获取时间,利用JS的定时器函数setInterval(function(){},time)
来进行定时取得倒时时,并判断倒计时是否结束。
三 .实现过程
1、修改模板
以自带的gettingstarted.cpt模板为例,设置初始化时查询按钮不可用,如下图
2、添加倒计时控制功能
为了简化控制流程,把JS代码直接写在查询按钮的初始化后事件中,如下图
代码如下:
以上所述是小编给大家介绍的JavaScript在控件上添加倒计时功能的实现代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文地址:https://www.jb51.cc/js/38134.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。