html 控件间隔,js如何控制再次点击按钮间隔时间

1,js代码控制按钮点击的时间间隔,js防止按钮重复提交。

复制代码 代码示例:

var wait = 60;

function change() {

$o = $("#J_refresh_checkcode");

if(wait == 0) {

$o.removeAttr("disabled");

$o.html("看不清?换一张");

wait = 60;

} else {

$o.attr("disabled", true);

$o.attr("font-color", "gray");

$o.html(wait + "秒后可重新获取");

wait--;

if(wait == 59) {

var imgNode = document.getElementById("vimg");

imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 此处加个时间参数,防止浏览器缓存问题

$("#J_checkcode_tip").addClass("hide");

$("#J_checkcode_tip>div").html("");

$("#").val("");

} // www.jquerycn.cn

setTimeout(function() {

change()

},

1000)

}

}

2,html内容部分

复制代码 代码示例:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 UniApp 中选择时间控件,并设置间隔为30分钟,你可以使用uni-picker组件结合自定义数据来实现。首先,你可以创建一个包含时间间隔的数组作为数据源,然后将其传递给uni-picker组件进行选择。 以下是一个示例代码: ```html <template> <view> <uni-picker @change="onChange" :value="value" :range="timeRange"></uni-picker> </view> </template> <script> export default { data() { return { value: 0, // 当前选择的索引值 timeRange: [], // 时间间隔数组 }; }, mounted() { this.generateTimeRange(); }, methods: { generateTimeRange() { const range = []; const minutesInADay = 24 * 60; // 一天的分钟数 const interval = 30; // 时间间隔为30分钟 for (let i = 0; i < minutesInADay; i += interval) { const hour = Math.floor(i / 60); const minute = i % 60; const timeString = `${hour.toString().padStart(2, '0')}:${minute.toString().padStart(2, '0')}`; range.push(timeString); } this.timeRange = range; }, onChange(event) { this.value = event.detail.value; }, }, }; </script> <style scoped> /* 样式可根据需要自行调整 */ </style> ``` 在上面的示例中,我们通过`generateTimeRange`方法生成了一个包含时间间隔为30分钟的数组,然后将其赋值给`timeRange`。在模板中,我们使用uni-picker组件来展示时间选择器,并通过`@change`事件监听选择的变化,将选择的索引值保存在`value`中。 你可以根据自己的需要在模板和样式部分进行调整,以适应你的项目需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值