vue3 uniapp定时器 每天定时触发任务

最近在uniapp中遇到了一个定时器的功能,需要每天定时00:00:00触发接口请求,用到了timeOutTimer和intervalTimer,结合实例来讲一下实现步骤:
首先了解一下这两个方法的含义

  • setTimeout:用于在一段时间后执行一次函数。
  • setInterval:用于重复性地执行一个函数,按照指定的时间间隔重复调用

具体实现方法如下:
1.引入

import {onLoad,onShow,onUnload} from "@dcloudio/uni-app"
// 时间转换插件
import moment from 'moment';

2.定义变量

// 定时任务配置const config = ref({time: '00:00:00', // 每天几点执行interval: 1, // 隔几天执行一次intervalTimer: '',timeOutTimer: ''})
  1. 设置定时任务
	onShow((options) => {//定时任务setTimedTask();})// 设置定时任务function setTimedTask() {// 获取当前时间let endTime = `${moment().format("YYYY-MM-DD")} ${config.value.time}`;// 获取今天定时执行的时间戳let end = moment(endTime).unix()*1000;// 获取当前时间戳let start = moment().unix()*1000;// 如果执行时间已经过了今天,就让把执行时间设到明天的按时执行的时间if(end <= start){end += 24 * 60 * 60 * 1000;}//获取距离多少时间戳后执行let downCount = end - start;config.value.timeOutTimer = setTimeout(() => {setTimer();}, downCount);}// 设置定时器function setTimer() { console.log('进入定时器')// 这里是将在你设置的时间点执行你的业务函数webSocketAction()// 每隔多少天再执行一次,这里设置的是24小时const intTime = config.value.interval * 24 * 60 * 60 * 1000config.value.intervalTimer = setInterval(() => {webSocketAction();}, intTime);}function webSocketAction() {console.log("开始执行。。。。。。。");// 这里是要触发的任务// ......}

4.离开页面时销毁定时器

// 离开页面时销毁定时器onUnload(() => {// 清除任务定时器clearInterval(config.value.intervalTimer)// 清除定时器timeoutclearTimeout(config.value.timeOutTimer)})

接下来就是见证成功的时刻啦,祝我们天天开心、事事顺意~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/218145.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

怪兽吃糖果

欢迎来到程序小院 怪兽吃糖果 玩法&#xff1a;左右飞出的糖果&#xff0c;点击鼠标糖果即为怪兽吃掉&#xff0c;不同的糖果不同的分数奖励&#xff0c; 吃不掉的糖果会扣除一次生命&#xff0c;共三次生命值&#xff0c;点击炸弹游戏结束&#xff0c;快去吃糖果吧^^开始游戏…

基于ssm大学生创新创业平台项目管理子系统设计与实现论文

摘 要 互联网发展至今&#xff0c;无论是其理论还是技术都已经成熟&#xff0c;而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播&#xff0c;搭配信息管理工具可以很好地为人们提供服务。针对大学生创新创业项目信息管理混乱&#xff0c;出错率高&#xff0c;信…

2023第二届全国大学生数据分析大赛A完整原创论文(含摘要+问题分析+模型建立与求解+python代码)

大家好&#xff0c;从昨天肝到现在&#xff0c;终于完成了2023第二届全国大学生数据分析大赛A题某电商平台用户行为分析与挖掘的完整论文啦。 给大家看一下目录吧&#xff1a; 目录 摘 要&#xff1a; 10 一、问题重述 12 二&#xff0e;问题分析 13 2.1问题一 13 2.2问…

Redis持久化AOF详解

基础面试题 什么是AOF AOF&#xff08;Append-Only File&#xff09;用于将Redis服务器收到的写操作追加到日志文件&#xff0c;通过该机制可以保证服务器重启后依然可以依靠日志文件恢复数据。 它的工作过程大抵分为以下几步&#xff1a; 收到客户端的写入命令(例如SET、DE…

安全算法(一):安全技术、加密的基础知识、哈希函数的简单介绍

安全算法&#xff08;一&#xff09;&#xff1a;安全技术、加密的基础知识、哈希函数的简单介绍 通过互联网交换数据时&#xff0c;数据要经过各种各样的网络和设备才能传到对方那里。数据在传输过程中有可能会经过某些恶意用户的设备&#xff0c;从而导致内容被盗取。 因此…

工具:Jupyter

Jupyter是一个开源的交互式计算环境&#xff0c;由Fernando Perez和Brian Granger于2014年创立。它提供了一种方便的方式来展示、共享和探索数据&#xff0c;并且可以与多种编程语言和数据格式进行交互。Jupyter的历史可以追溯到2001年&#xff0c;当时Fernando Perez正在使用P…

外汇天眼:新手做外汇交易需要注意什么?

外汇投资是一个充满机会和挑战的市场&#xff0c;对于新手来说&#xff0c;了解一些必要的知识和技巧是非常重要的。 以下是一些新手投资外汇必须注意以下几点&#xff1a; 1.了解外汇市场的基本知识 在进入外汇市场之前&#xff0c;了解一些基本知识是必要的。 这包括外汇市…

亚马逊鲲鹏系统:防关联技术守护您的账户安全

亚马逊买家账号注册是一项相当简便的操作&#xff0c;但当涉及到批量注册时&#xff0c;我们就需要更加注意防关联的问题。对于那些对此领域不够熟悉的朋友们&#xff0c;可以使用亚马逊鲲鹏系统&#xff0c;这款系统能够为我们提供一站式的解决方案。该系统不仅支持买家账号的…

从零开始学习 Python 网络爬虫:使用 Beautiful Soup 解析网页

在这篇文章中&#xff0c;我们将介绍如何使用 Python 编写一个简单的网络爬虫&#xff0c;以获取并解析网页内容。我们将使用 Beautiful Soup 库&#xff0c;它是一个非常强大的库&#xff0c;用于解析和操作 HTML 和 XML 文档。让我们开始吧&#xff01; 一. 安装 Beautiful …

mysql,树形结构表中,查询所有末节点数据(叶子结点)

需求&#xff1a;在一个可以存放多级目录的表中&#xff0c;查询出某个课程目录下所有末节点&#xff08;因为只有末节点可以挂载资源&#xff09; 例如下图&#xff1a; 其中 1.11.2.12.1 都是末节点&#xff0c;因为他们已经没有下一级了 catalog表中重要字段有&#xff1a;c…

【论文解读】System 2 Attention提高大语言模型客观性和事实性

一、简要介绍 本文简要介绍了论文“System 2 Attention (is something you might need too) ”的相关工作。基于transformer的大语言模型&#xff08;LLM&#xff09;中的软注意很容易将上下文中的不相关信息合并到其潜在的表征中&#xff0c;这将对下一token的生成产生不利影响…

【docker四】使用Docker-compose一键部署Wordpress平台

目录 一、YAML 文件格式及编写注意事项&#xff08;重要&#xff09; 1、yaml文件使用时注意事项&#xff1a; 2、yaml文件的基本数据结构&#xff1a; 2.1、声明变量&#xff08;标量。是单个的不可再分的值&#xff0c;类型&#xff1a;字符串&#xff0c;整数&#xff0c…

SpringIOC之DependsOn

博主介绍&#xff1a;✌全网粉丝5W&#xff0c;全栈开发工程师&#xff0c;从事多年软件开发&#xff0c;在大厂呆过。持有软件中级、六级等证书。可提供微服务项目搭建与毕业项目实战&#xff0c;博主也曾写过优秀论文&#xff0c;查重率极低&#xff0c;在这方面有丰富的经验…

scikit_feature_selection实战

在进行李宏毅HW01作业时&#xff0c;需进行特征选择。 选用scikit-learn 中的feature_selection. 参考&#xff1a; selectkbest feature selection 实战注意点&#xff1a; chi 2 适用于非零的参数&#xff0c; 如果报错&#xff0c;换用 f_classif model SelectKBest(…

Unity 修改游戏对象的旋转角度Rotation的方法

在Unity中要修改游戏对象中的旋转角度&#xff0c;即下图中的Rotation: 有三个方法&#xff1a; 1、 使用欧拉角&#xff08;Euler Angles&#xff09;&#xff1a;欧拉角是一组表示旋转的三个角度值&#xff08;绕X轴的旋转、绕Y轴的旋转和绕Z轴的旋转&#xff09;。 transf…

记一次webpack配置文件外置

前言 众所周知&#xff0c;webpack配置环境变量文件&#xff0c;是根据打包命令寻找对应的环境变量文件&#xff0c;从而获取接口地址。所以触发时机是在每次打包的时候&#xff0c;接口地址才会被打包进去&#xff0c;无法自由修改。 本次要求一次打包后&#xff0c;修改接口…

2019年第八届数学建模国际赛小美赛A题放射性产生的热量解题全过程文档及程序

2019年第八届数学建模国际赛小美赛 A题 放射性产生的热量 原题再现&#xff1a; 假设我们把一块半衰期很长的放射性物质做成一个特定的形状。在这种材料中&#xff0c;原子核在衰变时会以随机的方向释放质子。我们假设携带质子的能量是一个常数。质子在穿过致密物质时&#x…

重生奇迹MU翅膀合成方法

重生奇迹MU翅膀&#xff0c;攻击力和吸收伤害都相当强大&#xff0c;但是合成难度极高&#xff0c;下面给大家详解怎么合成&#xff01; 方法/步骤 1、先到商店买加4追4物品&#xff0c;级别越高越好&#xff0c;可以买多个&#xff0c;数量越多&#xff0c;合成几率越高&…

html 基础学习笔记

Date:20231212 html标签 基础学习笔记 一、web和internet 1.1、Internet简介 Internet 是一个全球性的计算机互联网络&#xff0c;中文名称有"因特网"、“国际互联网”、“网际网”、"交互网络"等Internet提供的主要服务 Telnet、Email、www、BBS、FTP等…

通过css3的锚定滚动属性,实现分页加载时让滚动条不闪动

html标签 <div scroll"handleScroll" id"list-container"style"overflow-anchor:auto;overflow-y: auto;height: 80vh"><ul id"talks"v-for"(item,index) in msgList":key"item.roleiditem.timeitem.conten…