最小公倍数HTML,HTML5 Web Worker多线程编程实例 -- 计算最小公倍数和最大共约数

注释详细，不多解释！请看代码！！！

简单交互页面 index.html

Web worker 最小公倍数和最大共约数

body {

font-family: "微软雅黑";

font-size: 14px;

}

.input-number,.result,.operate {

margin: 10px auto;

text-align: center;

}

.result {

width: 200px;

text-align: left;

}

第一个数：

第二个数：

计算

最小公倍数:

最大共约数:

主线程js文件 main.js

var worker = new Worker('multiple-divisor.js'),

calculateBtn = document.getElementById('calculate');

// 监听点击事件

calculateBtn.addEventListener('click', function () {

var first = document.getElementById('first').value,

second = document.getElementById('second').value;

// 向子线程发送参数

worker.postMessage({first: parseInt(first), second: parseInt(second)});

});

// 接收数据

worker.onmessage = function(e) {

document.getElementById('common_multiple').textContent = e.data.multiple;

document.getElementById('common_divisor').textContent = e.data.divisor;

}

web worker线程js文件 multiple-divisor.js

// 接收主线程发过来的参数

onmessage = function (e) {

var first = e.data.first,

second = e.data.second;

calculate(first, second);

}

// 求最小公倍数和最大公约数

function calculate(a, b) {

var c_multiple = multiple(a, b),

c_divisor = divisor(a, b);

// 向主进程发送计算结果

postMessage({multiple: c_multiple, divisor: c_divisor});

}

// 求最小公倍数

function multiple(a, b) {

return a * b / divisor(a, b);

}

// 求最大共约数

function divisor(a, b) {

if( a % b == 0) {

return b;

} else {

return divisor(b, a % b);

}

注意：本实例需要在服务器上运行

最小公倍数HTML,HTML5 Web Worker多线程编程实例 -- 计算最小公倍数和最大共约数相关推荐

HTML5 Web Worker的使用
来源:feng_013 的博客 Web Workers 是 HTML5 提供的一个javascript多线程解决方案,我们可以将一些大计算量的代码交由web Worker运行而不冻结用户界面. 一:如 ...
JavaScript多线程之HTML5 Web Worker
在博主的前些文章Promise的前世今生和妙用技巧和JavaScript单线程和浏览器事件循环简述中都曾提到了HTML5 Web Worker这一个概念.在JavaScript单线程和浏览器事件循环简 ...
HTML5 Web Worker
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>& ...
linux c多进程多线程,linux下的C\C++多进程多线程编程实例详解
linux下的C\C++多进程多线程编程实例详解 1.多进程编程 #include #include #include int main() { pid_t child_pid; /* 创建一个子进程 ...
C#多线程编程实例线程与窗体交互
C#多线程编程实例线程与窗体交互代码: public partial class Form1 : Form{//声明线程数组Thread[] workThreads = new Thread[10 ...
主进程中发生了一个javascript错误_知道html5 Web Worker标准吗？能实现JavaScript的多线程？
js为什么是单线程? 主要是因为最开始javascript是单纯的服务于浏览器的一种脚步语言(那时候没有nodejs).浏览器是为了渲染网页,通过dom与用户交互,如果一个线程需要给dom执行clic ...
C#中Socket多线程编程实例
C#是微软随着VS.net新推出的一门语言.它作为一门新兴的语言,有着C++的强健,又有着VB等的RAD特性.而且,微软推出C#主要的目的是为了对抗Sun公司的Java.大家都知道Java语言的强大功 ...
C# Socket多线程编程实例
C#是微软随着VS.net新推出的一门语言.它作为一门新兴的语言,有着C++的强健,又有着VB等的RAD特性.而且,微软推出C#主要的目的是为了对抗Sun公司的Java.大家都知道Java语言的强大功 ...
[转]C#多线程编程实例实战
单个写入程序/多个阅读程序在.Net类库中其实已经提供了实现,即System.Threading.ReaderWriterLock类.本文通过对常见的单个写入/多个阅读程序的分析来探索c#的多线程编程 ...

最小公倍数HTML,HTML5 Web Worker多线程编程实例 -- 计算最小公倍数和最大共约数

最小公倍数HTML,HTML5 Web Worker多线程编程实例 -- 计算最小公倍数和最大共约数相关推荐

最新文章

热门文章