`
sxl1001
  • 浏览: 12997 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

js实现暂停 有空再看

阅读更多
楼上的只是等待一秒后执行相应的函数,但要"继续执行后面的程序"(同一个函数)就不行了

<script language="javascript">
  /*Javascript中暂停功能的实现
  Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能。
  javascript作为弱对象语言,一个函数也可以作为一个对象使用。
  比如:
  function Test(){
   alert("hellow");
   this.NextStep=function(){
    alert("NextStep");
   }
  }
  我们可以这样调用 var myTest=new Test();myTest.NextStep();

  我们做暂停的时候可以吧一个函数分为两部分,暂停操作前的不变,把要在暂停后执行的代码放在this.NextStep中。
  为了控制暂停和继续,我们需要编写两个函数来分别实现暂停和继续功能。
  暂停函数如下:
  */
  function Pause(obj,iMinSecond){
   if (window.eventList==null) window.eventList=new Array();
   var ind=-1;
   for (var i=0;i<window.eventList.length;i++){
    if (window.eventList[i]==null) {
     window.eventList[i]=obj;
     ind=i;
     break;
    }
   }
  
   if (ind==-1){
    ind=window.eventList.length;
    window.eventList[ind]=obj;
   }
   setTimeout("GoOn(" + ind + ")",iMinSecond);
  }
  /*
  该函数把要暂停的函数放到数组window.eventList里,同时通过setTimeout来调用继续函数。

  继续函数如下:
  */

  function GoOn(ind){
   var obj=window.eventList[ind];
   window.eventList[ind]=null;
   if (obj.NextStep) obj.NextStep();
   else obj();
  }
  /*
  该函数调用被暂停的函数的NextStep方法,如果没有这个方法则重新调用该函数。

 
  函数编写完毕,我们可以作如下册是:
  */
  function Test(){
   alert("hellow");
   Pause(this,3000);//调用暂停函数

   this.NextStep=function(){
    alert("NextStep");
   }
  }
    Test();

  </script>


以前收藏的,很经典!!!
分享到:
评论

相关推荐

    js实现自动轮播图选项卡效果(光标移入暂停).pdf

    JavaScript 实现自动轮播图选项卡效果(光标移入暂停) 一、HTML 结构 在 HTML 结构中,我们可以看到一个基本的轮播图结构,包括一个外层容器 `&lt;div class="banner"&gt;`,里面包含一个无序列表 `&lt;ul class="pic"&gt;`,...

    js 无缝滚动,鼠标放上去暂停代码

    ### JS 无缝滚动,鼠标放上去暂停代码 在前端开发中,实现文本或图片的无缝滚动效果是非常常见的需求之一,特别是在新闻网站、广告横幅等场景下。这种效果不仅可以提升用户体验,还能增加页面的吸引力。本文将详细...

    js 实现 在JavaScript运行VBScript函数

    js 实现 在JavaScript运行VBScript函数! 值得下载看看!资源免费,大家分享!!

    js弹出层暂停实现模式窗口效果(修改后的)

    综上所述,"js弹出层暂停实现模式窗口效果"涉及到HTML布局、CSS样式、JavaScript交互、动画效果、可访问性和响应式设计等多个方面。通过合理地组合这些技术,可以创建出功能完备且用户体验良好的弹出层效果。在实际...

    JavaScript 炫光波动效果 js实现

    JavaScript 炫光波动效果 js实现

    javascript控制程序暂停

    js暂停,让程序暂停一段时间后,继续执行。

    JavaScript实现打气球的游戏

    3. **JavaScript基础**:JavaScript是实现游戏逻辑的关键。它负责处理用户交互(如点击按钮选择等级),控制气球的运动,检测碰撞,计算得分,以及游戏状态的管理(开始、暂停、重置)。 4. **事件监听**:使用`...

    javascript如何实现暂停功能

    JavaScript中实现暂停效果,一般会借助于setTimeout或setInterval这两个函数。setTimeout允许我们延迟执行某个函数,而setInterval则是重复执行。但是,当我们需要在一段代码执行到一半时暂停,并在暂停结束后从暂停...

    js 实现心电图

    在"js实现心电图"这个项目中,我们看到JavaScript被用来创建实时的心电图(ECG)和瞬时脉率图,这是一项在健康监测、健身追踪和医疗应用中非常重要的功能。 首先,`highcharts`是一个流行的JavaScript图表库,它...

    js实现动态背景图效果

    在JavaScript(简称JS)编程中,动态背景图效果是一种常见的增强网页交互性的技术。通过巧妙地运用CSS和JavaScript,我们可以让网页的背景图像产生各种动态效果,如滚动、淡入淡出、移动或循环播放等。下面将详细...

    javaScript实现另存为功能

    在JavaScript中实现“另存为”功能并不直接,因为出于安全考虑,浏览器并不提供直接调用“另存为”对话框的API。但是,我们可以通过一些技巧来模拟这一行为。以下是一些关键知识点: 1. **创建Blob对象**:首先,...

    javascript实现串口通信(亲身测试).zip_MSComm 判断 通_js串口r232_touchu5v_上位机_串口通

    "js串口r232"指的是使用JavaScript实现的R232串行通信接口。R232是早期的串行通信标准,虽然现在已被其他标准取代,但仍然广泛存在于各种设备中,如PLC、工控机等。在JavaScript中模拟R232通信,通常需要借助第三方...

    纯js实现的语音播报无需第三方接口

    "纯js实现的语音播报无需第三方接口"意味着我们可以通过JavaScript语言自身的能力来实现文本到语音的转换,而不需要依赖任何外部API或服务。这为开发者提供了更大的灵活性和独立性,尤其是在离线环境或者对数据隐私...

    纯HTML+JS实现考试系统

    4. **数据存储**:虽然这里没有提及数据库,但实现考试系统可能需要临时存储用户的选择,这可以通过JavaScript的变量或者浏览器的本地存储(localStorage或sessionStorage)来实现。 5. **答题卡功能**:答题卡是一...

    web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码

    web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页源码 web期末大作业 基于HTML+CSS+JavaScript实现的仿京东商城首页登录页...

    Javascript中暂停功能的实现代码

    Javascript 中暂停功能的实现代码是指在 Javascript 中实现暂停或延迟执行某个函数或代码的功能。该功能在实际开发中非常有用,例如在游戏开发、动画效果等领域。在本文中,我们将详细介绍 Javascript 中暂停功能的...

    js实现照片墙效果

    这个“js实现照片墙效果”项目为初学者提供了一个学习如何利用JavaScript来创建照片墙的实例,通过详细的中文注释帮助理解其实现原理。 首先,我们要理解照片墙的基本构成。照片墙通常由多个图片元素组成,这些元素...

    js实现前端甘特图.zip

    "js实现前端甘特图"是一个基于JavaScript(js)和DHTML技术实现的甘特图库,它能帮助开发者在网页上直观地呈现复杂的时间序列数据。DHTML(Dynamic HTML)是一种利用HTML、CSS和JavaScript实现动态交互效果的技术,...

    js 实现套打功能

    在Web应用中,使用JavaScript(简称js)实现套打功能可以提供灵活的前端解决方案,允许用户在浏览器中预览和控制打印内容。本文将详细讲解如何利用JavaScript实现这一功能。 首先,我们需要理解JavaScript是如何与...

    【JavaScript源代码】JS实现时间轴自动播放.docx

    JavaScript时间轴自动播放功能主要涉及DOM操作、事件处理和定时器的应用。以下是对这个文档中描述的实现方式的详细解析: 1. **HTML结构**: - 文档中定义了一个`&lt;ul&gt;`列表,用于展示时间轴。每个年份被封装在`...

Global site tag (gtag.js) - Google Analytics