JS定时检测任务任务完成后执行下一步的解决办法


Posted in Javascript onDecember 22, 2016

拿到一个需求,web前端调用一个脚本将数据写入ssdb,后从ssdb中查询并做展示。需要检测到脚本执行完毕后再做查询,于是有了如下简单的逻辑,感觉这个逻辑还比较实用,就做下记录~不废话,上代码。

<!DOCTYPE html> 
<html> 
<head lang="en"> 
 <meta charset="UTF-8"> 
 <title></title> 
</head> 
<body> 
<input type="button" value="延迟" onclick="javascript:doSomething();"/> 
<script type="text/javascript"> 
 var timer1; 
 var tmp = 1; 
 function doSomething(){ 
  //有延迟的事件(示例为10s后改变tmp的值为2) 
  setTimeout("changenum()",10000); 
  //每隔1s检查一次 
  timer1 = setInterval("check()",1000); 
 } 
 function check(){ 
  alert("check!"); 
  //检测到延迟事件完成后执行操作 
  if(tmp==2){ 
   clearInterval(timer1); 
   alert("Done!Do next..."); 
  } 
 } 
 function changenum(){ 
  tmp=2; 
 } 
</script> 
</body> 
</html>

以上所述是小编给大家介绍的JS定时检测任务任务完成后执行下一步的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
简单的前端js+ajax 购物车框架(入门篇)
Oct 29 Javascript
提交表单时执行func方法实现代码
Mar 17 Javascript
图片无缝滚动代码(向左/向下/向上)
Apr 10 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
Jan 09 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
Jquery+ajax+JAVA(servlet)实现下拉菜单异步取值
Mar 23 Javascript
Vue.js第四天学习笔记
Dec 02 Javascript
JS中使用 after 伪类清除浮动实例
Mar 01 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
Nov 06 Javascript
uni-app 自定义底部导航栏的实现
Dec 11 Javascript
jQuery无缝轮播图代码
Dec 22 #Javascript
jQuery实现两列等高并自适应高度
Dec 22 #Javascript
JS常用加密编码与算法实例总结
Dec 22 #Javascript
Javascript 制作图形验证码实例详解
Dec 22 #Javascript
jquery中用函数来设置css样式
Dec 22 #Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 #Javascript
js数组去重的hash方法
Dec 22 #Javascript
You might like
ThinkPHP框架实现session跨域问题的解决方法
2014/07/01 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
laravel使用数据库测试注意事项
2020/04/10 PHP
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
js时间日期和毫秒的相互转换
2013/02/22 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
js showModalDialog参数的使用详解
2014/01/07 Javascript
火狐下input焦点无法重复获取问题的解决方法
2014/06/16 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
2015/06/19 Javascript
BootStrap中的table实现数据填充与分页应用小结
2016/05/26 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
knockoutjs模板实现树形结构列表
2017/07/31 Javascript
带你快速理解javascript中的事件模型
2017/08/14 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
原生js实现轮播图特效
2020/05/04 Javascript
python 简单的绘图工具turtle使用详解
2017/06/21 Python
python实现图片文件批量重命名
2020/03/23 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
学习python的前途 python挣钱
2019/02/27 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
Python shutil模块用法实例分析
2019/10/02 Python
利用python控制Autocad:pyautocad方式
2020/06/01 Python
Python用SSH连接到网络设备
2021/02/18 Python
中考冲刺决心书
2014/03/11 职场文书
七一建党节演讲稿
2014/09/11 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
2014年行政工作总结
2014/11/19 职场文书
2014年教研组工作总结
2014/11/26 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
Mysql中where与on的区别及何时使用详析
2021/08/04 MySQL