77.实时刷新和重置(每隔1分钟请求一次所有接口)

前言:项目中有几个页面需要在右上角添加实时刷新和重置按钮,这里用灯泡亮代表实时刷新,灰停止实时,点击重置会重新实时刷新。

1.先在页面右上角添加实时刷新灯泡和重置按钮

这里实时刷新需添加id,之后设置其颜色为黄或灰时会用到;重置按钮需添加disabled属性,判断是否置灰时会用到。

2.刚进入页面,默认选择最近30分钟,此时会请求 一次接口,在created构造函数里写定时器,每隔1分钟执行请求接口

(1)在选择时间方法里,需判断服务条件是否为空,从而判断接口是否传服务

(2)在created构造函数内添加定时器,每隔1分钟请求一次接口

3.在选择时间时,还有个方法:selectIndex(index)  确定选择按钮方法,前边4个按钮的index分别为0 1 2 3 ,时间范围index为10 这里通过index不同,设置灯泡为亮还是灰。

4.这里还有一个查询条件:服务名称  选择服务后,不管时间选的是什么,都需要关闭实时刷新,重置按钮可点击,并且带服务名参数调接口

5.最后一步,就是点击重置按钮恢复实时刷新 

完成!!! 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,如果您要在 JavaScript 中实现每隔一周重置数量,可以通过以下方式实现: 1. 获取当前日期 您可以使用 JavaScript 的 Date 对象来获取当前日期,例如: ```javascript let currentDate = new Date(); ``` 2. 获取当前日期是这一年中的第几周 要获取当前日期是这一年中的第几周,您可以使用以下代码: ```javascript let currentWeekNumber = Math.ceil((((currentDate - new Date(currentDate.getFullYear(), 0, 1)) / 86400000) + 1) / 7); ``` 这里使用了 Math.ceil 函数向上取整,以确保周数始终是整数。 3. 判断当前日期是否是每周的第一天 要判断当前日期是否是每周的第一天,您可以使用以下代码: ```javascript let isFirstDayOfWeek = currentDate.getDay() === 1; ``` 这里使用了 Date 对象的 getDay() 方法,该方法返回当前日期是一周中的第几天,其中 0 表示星期日,1 表示星期一,以此类推。 4. 根据条件重置数量 最后,根据上述条件,您可以判断是否需要重置数量,并在需要的情况下执行重置操作。以下是一个完整的示例代码: ```javascript let currentDate = new Date(); let currentWeekNumber = Math.ceil((((currentDate - new Date(currentDate.getFullYear(), 0, 1)) / 86400000) + 1) / 7); let isFirstDayOfWeek = currentDate.getDay() === 1; if (isFirstDayOfWeek) { // 如果当前日期是每周的第一天,则执行重置操作 count = 0; } ``` 在上述代码中,`count` 表示需要重置的数量,您可以将其替换为您的具体业务逻辑。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值