這裡蒐索程式師資訊,查找有用的技術資料
当前位置:首页 » 网页前端 » 前端配置定时任务
扩展阅读
webinf下怎么引入js 2023-08-31 21:54:13
堡垒机怎么打开web 2023-08-31 21:54:11

前端配置定时任务

发布时间: 2022-10-15 13:50:24

⑴ 使用js怎么设置定时器在每天0点执行

JS就是Javascript哈,这个是服务器前端(浏览器)脚本语言,只要用户把浏览器一关,就没用了。定时器一般是用服务器脚本语言JAVA,C#,PHP等语言来写。
JS来写定时任务几乎没用哈

⑵ java web项目现在有一个这样的需求:用户可以在前端进行预约,时间随便设置。

前端可以用datepickeer插件直接限制让用户选取大于当前的时间,存到数据库

dateFmt:'yyyy-M-d H:mm:ss' ,minDate: '%y-%M-%d %H:%m:%s'
时间格式 ,最小日期是当前日期
然后在你服务器通知的方法里加条件,当前时间大于预约时间,触发方法。

⑶ java的两个问题,,

  1. 使用JS的定时器setInterval.如果需要跟后端通讯,用JS+AJAX来请求后端数据展示.后端的类似quartz是做不到的.

  2. 给你参考,这个是求连续3个月,平均工资大于等于3000的.

  3. sql">SELECT
    x.referrer_id,
    x.min_refer_time,
    x.max_refer_time,
    x.cnt
    FROM
    (
    SELECT
    t.referrer_id,
    min(t.refer_time)ASmin_refer_time,
    max(t.refer_time)ASmax_refer_time,
    count(t.refer_time)AScnt
    FROM
    (
    SELECT
    a.referrer_id,
    a.refer_time,
    a.rownum,
    (
    LEFT(a.refer_time,4)*12+RIGHT(a.refer_time,2)
    )-a.rownumASmon
    FROM
    (
    SELECT
    @rownum:=@rownum+1rownum,
    referrer_id,
    refer_time
    FROM
    partner_rewards_detail,
    (SELECT@rownum:=0)b
    WHERE
    month_average>=3000
    ORDERBY
    1,
    2
    )a
    )t
    GROUPBY
    t.referrer_id,
    t.mon
    )x
    WHERE
    x.cnt>=3

⑷ Python需要定时任务,时间是不固定的。需要处理的任务也不固定,怎么捉。

开个子线程,里面放下面的代码
while True:
dosomethings()# 查询任务列表,执行任务列表

time.sleep(60)
也就是每分钟检查一次,注意这个查询是要放到 子线程 处理的。

⑸ Web前端如何使用Vue编写一个长按指令

今天小编要跟大家分享的文章是关于Web前端如何使用Vue编写一个长按指令?正在从事web前端工作的小伙伴们有没有想过只需按住一个按钮几秒钟就能在你的
Vue应用中触发一个功能?


有没有想过创建一个按钮,按下一次就可以清除单次输入(或者持续按住可以清除所有输入)?


本文就是讲解如何在按下(或者按住)一个按钮时,既执行一个函数,又清除输入。


首先,我会讲解如何使用纯JS实现。而后也会创建一个Vue指令。下面就让我们一起来看一看吧。

一、原理


要实现长按,用户需要按下并按住按钮几秒钟。


想通过代码模拟这一效果,我们需要在鼠标“点击”按下按钮时,启动一个计时器监听用户按下的时长,如果时间超过我们期望的时长,就执行相应的函数。


非常简单!然而,我们需要知道用户何时按住按钮。


二、如何实现


当用户点击按钮时,在点击事件之前会触发另外两个事件:mousedown和mouseup。


当用户按下按钮时触发mousedown事件,用户松开按钮时调用mouseup事件。


我们需要做的是:


1.mousedown事件触发时,启动计时器。


2.一旦mouseup事件在预期的2秒前被触发,就清除计时器,不要执行相应的函数。就当作一个普通的点击事件。


只要计时器在我们预设的时间内没有被清除,即mouseup
事件没有被触发——那么可以断定用户没有释放按钮。因此,可以判定为一次长按,可以执行关联的函数。


三、实践


让我们深入代码,完成这一功能。


首先,我们必须定义三件事,即:


1.一个变量用于存储计时器。


2.一个启动功能函数,用于启动计时器。


3.一个取消功能函数,用于取消计时器。


1、变量


这个变量主要用来保存setTimeout的值,以便当鼠标mouseup事件触发时我们可以取消它。


letpressTimer=null;


我们把变量值设置为null是为了在执行取消操作前,检查这个变量的值判断当前是否有一个正在运行的计时器。


2、启动函数


这个函数包括一个setTimeout,它是JavaScript中的一个基本方法,允许在特定时间之后执行一个函数。


注意,click事件执行的过程中,会触发另外两个事件。但是我们需要启动计时器的是mousedown
事件。如果只是点击事件,不需要启动计时器。//创建计时器(1s之后执行函数)

letstart=(e)=>{

//如果是点击事件,不启动计时器

if(e.type==='click'&&e.button!==0){

return;

}

//在启动一个定时器之前确保没有正在运行的计时器

if(pressTimer===null){

pressTimer=setTimeout(()=>{

//执行任务!!!

},1000)

}

}

3、取消函数


这个函数见名知意,用来取消启动函数创建的setTimeout。


要取消setTimeout,可以使用JavaScript中的clearTimeout方法,它主要用来清除setTimeout()
方法设置的计时器。


在使用clearTimeout之前,需要检查pressTimer变量是否为null。如果没有为
ull,意味着有一个正在运行的计时器。因此,我们需要先清除它,并且将pressTimer变量设置为null。letcancel=(e)=>{

//检查pressTimer的值是否为null

if(pressTimer!==null){

clearTimeout(pressTimer)

pressTimer=null

}

}

一旦mouseup事件触发,这个函数就会被调用。


4、设置触发器


剩下的就是将事件监听器添加到想要长按效果的按钮上。


addEventListener("mousedown",start);


addEventListener("click",cancel);


以上代码合到一起是这样://定义变量

letpressTimer=null;

//创建计时器(1秒后执行函数)

letstart=(e)=>{

if(e.type==='click'&&e.button!==0){

return;

}

if(pressTimer===null){

pressTimer=setTimeout(()=>{

//执行任务!!!

},1000)

}

}

//停止计时器

letcancel=(e)=>{

//检查是否有正在运行的计时器

if(pressTimer!==null){

clearTimeout(pressTimer);

pressTimer=null;

}

}

//选择id为longPressButton的元素

letel=document.getElementById('longPressButton');

//添加事件监听器

el.addEventListener("mousedown",start);

//长按事件取消,取消计时器

el.addEventListener("click",cancel);

el.addEventListener("mouseout",cancel);

5、用Vue指令包装


创建Vue指令时,可以创建全局或局部指令,本文中,我们采用全局指令。


首先,我们必须声明自定义指令的名称。


Vue.diective('longpress',{


})


这就注册了一个名为v-longpress的全局自定义指令。


接下来,我们添加带参数的bind钩子函数,它允许我们引用指令绑定的元素,获取传递给指令的值,并标识指令使用的组件。Vue.directive('longpress',{

bind:function(el,binding,vNode){

}

})

接下来,我们在bind函数中添加长按功能的代码。Vue.directive('longpress',{

bind:function(el,binding,vNode){

//定义变量

letpressTimer=null;

//定义函数处理程序

//创建计时器(1秒后执行函数)

letstart=(e)=>{

if(e.type==='click'&&e.button!==0){

return;

}

if(pressTimer===null){

pressTimer=setTimeout(()=>{

//执行任务!!!

},1000)

}

}

//取消计时器

letcancel=(e)=>{

//检查是否有正在运行的计时器

if(pressTimer!==null){

clearTimeout(pressTimer);

pressTimer=null;

}

}

//添加事件监听器

el.addEventListener("mousedown",start);

//取消计时器

el.addEventListener("click",cancel);

el.addEventListener("mouseout",cancel);

}

})

接下来,我们需要添加一个函数来运行传递给longpress指令的方法。Vue.directive('longpress',{

bind:function(el,binding,vNode){

//定义变量

letpressTimer=null;

//定义函数处理程序

//创建计时器(1秒后执行函数)

letstart=(e)=>{

if(e.type==='click'&&e.button!==0){

return;

}

if(pressTimer===null){

pressTimer=setTimeout(()=>{

//执行函数

handler();

},1000)

}

}

//停止计时器

letcancel=(e)=>{

//检查是否有正在运行的计时器

if(pressTimer!==null){

clearTimeout(pressTimer);

pressTimer=null;

}

}

//运行函数

consthandler=(e)=>{

//执行传递给指令的方法

binding.value(e)

}

//添加事件监听器

el.addEventListener("mousedown",start);

//取消计时器

el.addEventListener("click",cancel);

el.addEventListener("mouseout",cancel);

}

})

现在,可以在Vue应用中使用这个指令了,除非使用者给指令传入的值不是一个函数。因此,我们需要通过警告反馈给使用者。


为了反馈给使用者,我们在bind函数中添加了以下内容://确保提供的表达式是函数

if(typeofbinding.value!=='function'){

//获取组件名称

constcompName=vNode.context.name;

//将警告传递给控制台

letwarn=`[longpress:]providedexpression'${binding.expression}'isnotafunction,buthastobe`;

if(compName){warn+=`Foundincomponent'${compName}'`}

console.warn(warn);

}

最后,如果这个指令也适用于触屏设备,那会是极好的。因此,我们添加了touchstart、touchend和touchcancel
事件监听器。


最终代码如下:Vue.directive('longpress',{

bind:function(el,binding,vNode){

//确保提供的表达式是函数

if(typeofbinding.value!=='function'){

//获取组件名称

constcompName=vNode.context.name;

//将警告传递给控制台

letwarn=`[longpress:]providedexpression'${binding.expression}'isnotafunction,buthastobe`;

if(compName){warn+=`Foundincomponent'${compName}'`}

console.warn(warn);

}

//定义变量

letpressTimer=null;

//定义函数处理程序

//创建计时器(1秒后执行函数)

letstart=(e)=>{

if(e.type==='click'&&e.button!==0){

return;

}

if(pressTimer===null){

pressTimer=setTimeout(()=>{

//执行函数

handler();

},1000)

}

}

//取消计时器

letcancel=(e)=>{

//检查计时器是否有值

if(pressTimer!==null){

clearTimeout(pressTimer);

pressTimer=null;

}

}

//运行函数

consthandler=(e)=>{

//执行传递给指令的方法

binding.value(e)

}

//添加事件监听器

el.addEventListener("mousedown",start);

el.addEventListener("touchstart",start);

//取消计时器

el.addEventListener("click",cancel);

el.addEventListener("mouseout",cancel);

el.addEventListener("touchend",cancel);

el.addEventListener("touchcancel",cancel);

}

})

现在可以在Vue组件里使用了: