`

(转)JS中怎么实现sleep(休眠)的功能

 
阅读更多

1. jquery的$.delay()方法

  设置一个延时来推迟执行队列中之后的项目。这个方法不能取代JS原生的setTimeout。

  The .delay() method is best for delaying between queued jQuery effects. Because it is limited—it doesn't, for example, offer a way to cancel the delay—.delay() is not a replacement for JavaScript's native setTimeout function, which may be more appropriate for certain use cases.

  例子:在.slideUp() 和 .fadeIn()之间延时800毫秒。

  HTML 代码:

  <div id="foo /">

  jQuery 代码:

  $('#foo').slideUp(300).delay(800).fadeIn(400);

  2. 通过循环消耗cpu

  function sleep(n) {

  var start = new Date().getTime();

  while(true) if(new Date().getTime()-start > n) break;

  }

  3. 用setTimeout。

  假设有三个步骤,步骤之间需要暂停一段时间;可以采用如下的方法:

  function firstStep() {

  //do something

  setTimeout("secondStep()", 1000);

  }

  function secondStep() {

  //do something

  setTimeout("thirdStep()", 1000);

  }

  function thirdStep() {

  //do something

  }

分享到:
评论

相关推荐

    NoSleep-移动端H5页面永不休眠插件

    标题中的"NoSleep"是一个专为移动端H5页面设计的插件,它的主要功能是防止设备在用户浏览网页时自动进入休眠模式。这意味着用户在观看H5内容时,无论是Android还是iOS系统的手机,都能保持屏幕常亮,不会因为设备的...

    NoSleep.js-master.zip

    NoSleep.js是一个JavaScript库,它允许开发者在网页上实现一个防止设备自动休眠或屏幕熄灭的功能,这对于那些需要持续显示或者需要用户长时间交互的应用场景非常有用。 【描述】中提到,NoSleep.js库提供了一个名为...

    防止屏保或休眠(NoSleep)

    防止计算机进入屏保或休眠状态,可以指定时间段有效。

    H5如何保持屏幕常亮—nosleep.js

    此教程是在vue中引入nosleep.js,并使用。 安装 nosleep.js npm install nosleep.js 引入 在main.js中引入 import NoSleep from nosleep.js/dist/NoSleep.min.js; Vue.prototype.$NoSleep = NoSleep; 使用 //...

    前端项目-nosleep.zip

    2. **JavaScript API调用**:在Android和iOS的Webview中,NoSleep.js可能利用了特定的JavaScript接口来改变设备的休眠状态。例如,可能涉及到WebKit的API或者特定的浏览器扩展API。 3. **跨平台兼容性**:前端项目...

    nodejs中sleep功能实现暂停几秒的方法

    我在网上了解了一下nodejs中sleep功能,搜索了很多关于nodejs中sleep功能介绍,下面我来记录一下,有需要了解的朋友可参考。希望此文章对各位有所帮助。 一 背景 在使用nodejs爬虫的时候,经常会遇到别人的网站对频率...

    NoSleep.js:防止显示睡眠并在任何Android或iOS Web浏览器中启用唤醒锁定

    NoSleep.js 防止显示睡眠并在所有Android和iOS Web浏览器中启用唤醒锁定。 在任何Android或iOS网络浏览器中查看。 安装 该库可在以nosleep形式获得。 bower install nosleep 该软件包以nosleep.js的形式发布到...

    sleep() 方法和wait()方法的区别.docx

    需要注意的是,sleep() 方法不能改变对象的机锁,因此当在一个 synchronized 块中调用 Sleep() 方法时,线程虽然休眠了,但是对象的机锁并没有被释放,其他线程无法访问这个对象(即使睡着也持有对象锁)。...

    javascript 使用sleep函数的常见方法详解

    本文将探讨如何在JavaScript中模拟实现`sleep`功能,并讨论不同实现方式的优缺点。 一、什么是`sleep`函数? `sleep`函数的基本作用是暂停程序执行,等待指定的毫秒数后再继续执行后面的代码。在多线程环境中,`...

    javascript里模拟sleep(两种实现方式)

    在JavaScript中,由于其事件驱动和单线程的特性,我们无法像其他编程语言那样直接使用`sleep()`函数来使程序暂停一段时间。然而,有些场景确实需要模拟这种延迟执行的效果,比如在测试或者某些动画效果中。以下是两...

    js中自定义方法实现停留几秒sleep

    js中不存在自带的sleep方法,要想休眠要自己定义个方法 function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime...

    【JavaScript源代码】JavaScript实现浏览器网页自动滚动并点击的示例代码.docx

    在JavaScript中,`event`对象包含了鼠标移动时的坐标信息,如`event.pageX`和`event.pageY`分别代表鼠标在页面中的水平和垂直坐标。下面的代码片段展示了如何实时显示鼠标坐标: ```javascript document....

    关于vue.js中实现方法内某些代码延时执行

    这里的话使用的是vue.js中的setTimeout函数来解决该问题。 代码如下: var that = this; setTimeout(function () { that.modifyDialogVisible = false; grid.api.reloadData(); },500); 值得注意的是这里在...

    开发日志1

    `sleep`实现系统休眠,产生听写时的时间间隔,`createTranslate`和`createMessage`用于将翻译结果转化为可播放和识别的格式,`initWidget`初始化组件,`playDot`和`playLine`分别用于播放点和划,通过声音模拟莫尔斯...

    实现实时的进度条js+aspx c#

    找了很多都没有我想要的,要么是没有被破解,要么就不是实时的,纠结,... //此处用线程休眠代替实际的操作,如加载数据等 System.Threading.Thread.Sleep(50); AllFiles=this.DoString(); } finishProgress(); }

    html安卓苹果H5保持屏幕常亮网页代码

    然而,可以通过一些第三方库来实现这个目标,如在提供的压缩包中的`NoSleep.min.js`文件。 `NoSleep.js`是一个小巧的JavaScript库,专为实现设备屏幕常亮而设计。它通过在页面上创建一个不可见的全屏视频元素,利用...

    亚信面试题,不错的总结,很有用处

    UML 是 Java 中的建模语言,用于描述软件系统的结构和行为,而 JavaScript 是 Java 中的脚本语言,用于实现客户端的交互行为。 通过本文的总结,我们可以更好地理解和掌握 Java 和 J2EE 相关技术,从而更好地实现 ...

    Never-Sleep:该脚本每60秒在鼠标上移1个像素和下移1个像素之间切换

    《永不休眠:JavaScript脚本实现鼠标持续活动》 在当今的数字时代,许多在线服务需要用户保持活跃状态,以防止自动程序或机器人操作。"Never-Sleep" 是一个巧妙的JavaScript脚本,旨在模拟用户的活跃行为,每60秒在...

    2021-2022计算机二级等级考试试题及答案No.13529.docx

    7. JavaScript 执行环境:JavaScript既可以在客户端(浏览器)执行,也可以在服务器端(例如Node.js环境)执行,选项A正确。 8. 循环结构For K=2 To 12 Step 2:这是一个VBScript或类似语言的循环,每次步进2,从2...

    卫星菜单图片

    5. `composer_sleep.png`:可能关联到休眠或节能模式,用户可以开启此模式以减少设备功耗。 6. `composer_camera.png`:通常代表拍照或录像功能,用户可以快速访问摄像头进行拍摄。 7. `composer_thought.png`:可能...

Global site tag (gtag.js) - Google Analytics