js模拟多线程

最新推荐文章于 2023-05-24 15:20:16 发布
最新推荐文章于 2023-05-24 15:20:16 发布
阅读量1.4k 收藏
点赞数
分类专栏： Javascript

来源：http://bbs.csdn.net/topics/320198202



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模拟多线程</title>
<script type="text/javascript">
var TP = [];
function $(id){
 return document.getElementById(id);
}
function debug(msg){
 $("msg").innerHTML += msg + "<br/>";
 $("msg").scrollTop += 50;
}
function ThreadA(){
 TP = [];
 TP.push(setTimeout(A1, 400));
 TP.push(setTimeout(A2, 800));
 TP.push(setTimeout(arguments.callee, 1000));
}
function A1(){
 debug(new Date().toLocaleTimeString() + " 1: " + $("tableA").getElementsByTagName("input")[0].value );
}
function A2(){
 debug(new Date().toLocaleTimeString() + " 2: " + $("tableA").getElementsByTagName("input")[0].value );
}
function ThreadB(){
 debug(new Date().toLocaleTimeString() + " TB : " + $("tableB").getElementsByTagName("input")[0].value );
}
function doEvent(){
 //中止A线程
 for(var i = 0; i < TP.length; i++){
  clearTimeout(TP[i]);
 }
 TP = [];
 
 //删除tableA, 创建tableB
 var html = $("tableA").parentNode.innerHTML.replace(/tableA/g, "tableB");
 $("tableA").parentNode.innerHTML = html;
 $("tableB").getElementsByTagName("input")[0].value = "";
 
 //启动线程B
 setTimeout(ThreadB, 1000);
}
window.onload = function(){
 TP.push(setTimeout(ThreadA, 1000));
};
</script>
</head>
<body>
<table border="0">
<tr><td width="50%" valign="top">
 <div id="tableA">tableA:<input  /></div>
</td><td>
 <input type="button" value="触发事件" οnclick="doEvent()" />
    <div id="msg" style="width:300px; height:300px; overflow:auto"></div>
</td></tr>
</body>
</html>


ABCDEF
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 多线程的实现
qq_43072133的博客
06-13 445
js 多线程的实现 JS是一种单线程语言，即使是一些异步的事件也是在JS的主线程上运行的。像setTimeout、ajax的异步请求，或者是dom元素的一些事件，都是在JS主线程执行的，这些操作并没有在浏览器中开辟新的线程去执行，而是当这些异步操作被操作时或者是被触发时才进入事件队列，然后在JS主线程中开始运行 单线程的语言，有一个很致命的确定。如果说一个脚本语言在执行时，其中某一块的功能在执行时...
js 多线程
小花的前端博客
09-22 1968
什么是多线程? 多线程(multithreading),是指从软件或者硬件上实现多个线程并发执行的技术.具有多线程能力的的计算机因有硬件支持的能力而能够在同一时间执行多于一个线程的,进而提升整体处理性能.具有这种能力的系统包括对称多处理机,多核心处理器以及芯片级多处理或同时多线程处理器.在一个程序中,这些独立运行的程序片段叫作线程(Thread),利用它编程的概念就叫做”多线程处理”
AutoJs源码-例子-多线程使用
11-15
AutoJs源码-例子_多线程使用。本资源购买前提醒：本源码都是实际autojs项目模板，安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！。3、安装过程详见具体资源,不会使用autojs谨慎下载
js如何实现多线程
wf280496的博客
03-18 2502
允许我们在后台运行一个脚本，而不影响页面的性能和用户界面。这个脚本运行在与主线程不同的线程中，可以执行一些计算密集型的操作。在主线程和工作线程之间通信可以通过消息传递来完成。此外，由于工作线程与主线程之间的通信是通过消息传递实现的，因此在传递大量数据时可能会出现性能问题。是一种单线程语言，它的执行模型决定了同一时间只能有一个任务执行。向主线程发送了一个包含结果的消息。在上面的示例中，我们创建了一个工作线程，通过。的帮助下，我们可以在浏览器中实现多线程。事件来接收从工作线程返回的消息。
autojs之悬浮窗按钮暂停脚本~一种很笨的方法，但是可以实现暂停脚本的功能
头发浓密的萌新的博客
08-03 8068
一种 很简单很笨很低级的 悬浮窗按钮暂停脚本 的方法。
autojs之多线程-Threads
头发浓密的萌新的博客
07-17 8549
autojs多线程新手入门 autojs多线程新手入门前言一、多线程使用须知二、个人理解1.引入库2.读入数据总结 autojs之多线程-Threads 前言 我也是初初接触多线程，对于小白来说，可能会觉得无从下手，我刚开始也是毫无头绪，对一些奇奇怪怪的问题搞不明白，比如： 在这里，我就从一个小白的角度，说明一下多线程到底怎么用， 若有错误，感谢指出 一、多线程使用须知 threads模块提供了多线程支持，可以启动新线程来运行脚本。 脚本主线程会等待所有子线程执行完成后才停止执行，因此如果子线程中有
js创建多线程
我是一个酒鬼的博客
05-24 991
js创建多线程
JS模拟多线程
01-19
var Thread = { runNum : 0, //当前正式运行的线程数 maxNum : 10, //最大同时执行的线程数 -1表示不限 commandList : new Array(), start : function(){ //window.status = this.runNum; if(this.maxNum !=...
JavaScript使用yield模拟多线程的方法
10-24
总结起来，JavaScript中的`yield`关键字和生成器机制可以用来模拟多线程的效果，通过在函数内部暂停和恢复执行来实现任务的交替处理。虽然这种方式并不能实现真正的并行计算，但对于处理一些特定场景下的任务调度和...
javascript模拟多线程
11-17
本文将详细介绍JavaScript模拟多线程的概念以及如何使用JavaScript实现类似多线程的效果。 一、JavaScript的单线程模型 JavaScript引擎在设计时遵循了单线程执行的模型，这意味着任何时刻只能执行一个任务。这种...
auto.js打包后提示不能再ui线程执行阻塞操作,请在子线程或子脚本执行findOne()或untileFind()
qq_47503001的博客
03-12 4418
问题:如题 今日我在写一个短视频自动阅读的时候想把它打包给其他人使用第一次使用了ui,出现了如上问题. 解决方案: 后来在搜索引擎的帮助下找到了解决方案,将sleep,waitfor,while 等耗时操作全部写在子线程下. 关于ui线程的阻塞问题可参考这篇博客: 关于ui线程的阻塞问题以及处理方式 ...
JavaScript如何实现多线程?
热门推荐
张木期的博客
09-27 1万+
今天看到一道面试题，问js如何实现多线程?下面来总结一下： 我们都知道JS是一种单线程语言，即使是一些异步的事件也是在JS的主线程上运行的。像setTimeout、ajax的异步请求，或者是dom元素的一些事件，都是在JS主线程执行的，这些操作并没有在浏览器中开辟新的线程去执行，而是当这些异步操作被操作时或者是被触发时才进入事件队列，然后在JS主线程中开始运行。 首先说一下浏览器的线程，浏览器中主...
Auto.js学习笔记18：子线程和定时器配合使用（结尾有示例）
PYB
07-21 2725
threads模块提供了多线程支持，可以启动新线程来运行脚本。脚本主线程会等待所有子线程执行完成后才停止执行，因此如果子线程中有死循环，请在必要的时候调用来直接停止脚本或来停止所有子线程。通过启动的所有线程会在脚本被强制停止时自动停止。由于JavaScript自身没有多线程的支持，因此您可能会遇到意料之外的问题。 threads.shutDownAll() 停止所有通过threads.start()启动的子线程。返回当前线程。新建一个Disposable对象，用于等待另一个线程的某个一次性结果。更多信
autojs之每日上报2.0-超繁版（多线程实现）
头发浓密的萌新的博客
07-17 2411
时隔一年，我们还要每日打卡，一年来肯定有所进步，于是再写一遍，完善一下这个脚本。 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ auto.waitFor() 检查无障碍服务是否已经启用，如果没有启用则跳转到无障碍服务启用界面，并等
JS 如何实现多线程
subsistent的博客
02-16 754
像setTimeout、ajax的异步请求，或者是dom元素的一些事件，都是在JS主线程执行的，这些操作并没有在浏览器中开辟新的线程去执行，而是当这些异步操作被操作时或者是被触发时才进入事件队列，然后在JS主线程中开始运行。如果说一个脚本语言在执行时，其中某一块的功能在执行时耗费了大量的时间，那么就会造成阻塞。这样的项目，用户体验是非常差的，所以这种现象在项目的开发过程中是不允许存在的。首先说一下浏览器的线程，浏览器中主要的线程包括，UI渲染线程，JS主线程，GUI事件触发线程，http请求线程。
Auto.js实例多线程
weixin_46002413的博客
01-07 1540
threads.start(function () { while (true) { console.error('子1开始运行-------------开始'); console.error('假设是子1的运行程序'); sleep(2000) console.error('1运行结束----------------结束'); } }) i=0 log("主线程" + i++) threads.start(function
javascript多线程
最新发布
08-17
JavaScript 是一门单线程语言，这意味着它在任何给定的时间只能执行一个任务。这是因为 JavaScript 的设计初衷是作为一种用于处理交互和用户界面的脚本语言。 尽管 JavaScript 是单线程的，但是它可以通过以下方式实现一些类似多线程的行为： 1. Web Workers：Web Workers 是 HTML5 提供的一种机制，允许在后台运行一个独立的 JavaScript 线程。Web Workers 可以执行耗时的计算任务，而不会阻塞主线程，从而提高应用程序的响应性能。 2. 异步编程：JavaScript 通过使用回调函数、Promise、async/await 等机制进行异步编程。这样可以在执行长时间运行的操作（例如网络请求或文件读写）时，不会阻塞其他代码的执行。 3. 定时器：JavaScript 提供了 setTimeout 和 setInterval 等定时器函数，可以延迟执行代码或者周期性地执行代码。通过使用定时器，可以模拟一些并行的行为。 需要注意的是，虽然 JavaScript 可以通过上述方式实现类似多线程的效果，但实际上仍然只有一个线程在执行代码。这意味着需要注意避免长时间运行的操作，以免阻塞主线程导致应用程序的卡顿。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值