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

拿到一个需求,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定时检测任务任务完成后执行下一步的解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

时间: 2016-12-19

JS检测移动端横竖屏的代码

使用media来判断屏幕宽度遇到的问题: ios上当我旋转屏幕的时候可行,但是安卓机上没反应,横屏显示的还是我竖屏的样式. 查了一下资料,css3的media如果要在移动端有较好的显示效果,需要在页头加上这段代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 可是这段代码我不能用.因为我

JS检测页面中哪个HTML标签触发点击事件的方法

本文实例讲述了JS检测页面中哪个HTML标签触发点击事件的方法.分享给大家供大家参考,具体如下: 在html标签中,为了页面显示的美观,会在标签中相互嵌套,在做"效果"的时候就难免不了的添加各种事件,例如: <a href=""><span onclick="">dddd</span></a> 当用户点击的时候,想确定是链接产生的事件还是span标签onclick标签产生的事件,这个有时候是很有必要

利用JS屏蔽页面中的Enter按键提交表单的方法

如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是

JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法

本文实例讲述了JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法.分享给大家供大家参考,具体如下: 这里演示js如何给页面中所有的img对象加上onclick事件,且实现在新窗体中查看该图片文件的功能: <script type="text/JavaScript" language="javascript"> <!-- ///给页面中所有img对象添加onclick事件 //author:aganar /// function

Android中捕捉menu按键点击事件的方法

本文实例讲述了Android中捕捉menu按键点击事件的方法.分享给大家供大家参考.具体如下: @Override public boolean onCreateOptionsMenu(Menu menu) { /* * add()方法的四个参数,依次是: 1.组别,如果不分组的话就写Menu.NONE, * 2.Id,这个很重要,Android根据这个Id来确定不同的菜单 3.顺序,那个菜单现在在前面由这个参数的大小决定 * 4.文本,菜单的显示文本 */ menu.add(Menu.NONE

Angularjs中使用指令绑定点击事件的方法

项目中,模板中的菜单是jQuery控制的,在Angularjs中就运行不到了,因为菜单项是ng-repeat之后的. 如html <ul id="main-menu"> <li class=""> <a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external n

Android中解决RecyclerView各种点击事件的方法

完美解决RecyclerView点击事件.长按事件.子项点击事件 自从Google推出了RecyclerView之后,便可以完全取代ListView,个人感觉唯一的美中不足是对于itemView的各种点击事件不够完美.观点只代表个人看法.应最近项目需求实现itemView的子项点击事件,便写篇博客记录一下,若是能够帮到你,我深感荣幸.接下来,便对RecyclerView进行简单的封装,使得它更方便实现各种点击事件. 我们都知道,对与RecyclerView的使用,是创建一个adapter类,然后

ASP.NET中RadioButtonList绑定后台数据后触发点击事件

本文实例为大家分享了RadioButtonList绑定后台数据,触发点击事件的方法 首先前台页面放置一个RadioButtonList 控件 <asp:RadioButtonList runat="server" ID="RadioButtonList1" BorderStyle="None" RepeatColumns="3" CssClass="" RepeatLayout="Flow&

使用JS获取页面上的所有标签

最近忙的一匹,忙着大保健,都来不及写博客,今天特意抽出点时间来写一写 前两天看到一个题,是问如何从页面上获取所有的标签的并查看他们的数量,感觉还是有点意思的,所以给大家来搞一下子 我们先来捋捋思路,那要从页面上获取标签,不用说我们肯定会想到DOM操作,那获取到了之后呢,我们又不确定某个元素有没有子元素,那怎么办呢,这个时候我们肯定会想到递归啊 那现在我们有了DOM操作和递归就好办了,就可以直接写代码了,下面是代码,写了注释,大家可以拉下去参考一下 <!DOCTYPE html> <htm

使用js在页面中绘制表格核心代码

1.先写一个<table>,中间放入<tbody>,但是<tbogy>什么也不加  如何使用js在页面中绘制表格 2.在js中写入方法,绘制表格  如何使用js在页面中绘制表格 其核心语句就是: var row=document.createElement_x("tr"); 就是创建行 var cell=document.createElement_x("td"); 就是创建列 cell.appendChild(document.

原生js检测页面加载完毕的实例

原生js的页面加载完毕的使用方法为 window.onload=function(){ //somecode } 在jquery的影响下的错误写法为: window.onload(function(){ //somecode }) 以上这篇原生js检测页面加载完毕的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.