博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5 Web Workers
阅读量:6966 次
发布时间:2019-06-27

本文共 971 字,大约阅读时间需要 3 分钟。

index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html>
<
html
>
<
body
>
 
<
p
>Count numbers: <
output 
id
=
"result"
></
output
></
p
>
<
button 
onclick
=
"startWorker()"
>Start Worker</
button
>
<
button 
onclick
=
"stopWorker()"
>Stop Worker</
button
>
<
br 
/><
br 
/>
 
<
script
>
    
var w = null;
 
    
function startWorker(){
        
if(typeof(Worker)!=="undefined"){
            
if(w==null){
                
w=new Worker("worker.js");
            
}
            
w.onmessage = function (event) {
                
document.getElementById("result").innerHTML=event.data;
            
};
        
}
        
else{
            
document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";
        
}
    
}
 
    
function stopWorker(){
        
if(w==null){
            
return;
        
}
        
w.terminate();
        
w = null;
    
}
</
script
>
 
</
body
>
</
html
>

worker.js

1
2
3
4
5
6
7
8
9
var 
i=0;
 
function 
timedCount(){
    
i=i+1;
    
postMessage(i);
    
setTimeout(
"timedCount()"
,500);
}
 
timedCount();
 本文转自 antlove 51CTO博客,原文链接:http://blog.51cto.com/antlove/1673635

转载地址:http://erbsl.baihongyu.com/

你可能感兴趣的文章
UML类图几种关系的总结
查看>>
初探swift语言的学习笔记四(类对象,函数)
查看>>
drum
查看>>
easyui列统计
查看>>
Linux下配置JavaWeb环境(持续更新其他软件)
查看>>
ubuntu deb package install
查看>>
Hive代码组织及架构简单介绍
查看>>
阿里云安装LNMP以及更改网站文件和MySQL数据目录
查看>>
github访问太慢解决方案
查看>>
Win2003利用dfs(分布式文件系统)在负载均衡下的文件同步配置方案
查看>>
。。。。。
查看>>
排序总结
查看>>
mybatis中的#和$的区别
查看>>
从带分隔符的文本导入数据
查看>>
python非官方的二进制扩展包下载地址
查看>>
Python回顾与整理5:映像和集合类型
查看>>
关于B站除夕夜被攻击
查看>>
svn merge
查看>>
pxe和kickstart无人值守安装
查看>>
国外设计师眼中的原型工具Mockplus
查看>>