WebWorker非同期ロードjsファイル
8471 ワード
1、 js html
2、js postMessage,
3、 , data js postMessage
var =new Worker(' js ');
.onmessage=function( ){ .data postMessage }
js
postMessage( );
コードの例:
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="iconfont/iconfont.css">
<link rel="stylesheet" href="css/1.css" type="text/css">
<script src='jq/jquery-3.4.1.js'></script>
<script src="js/bootstrap.min.js"></script>
<script src='js/swiper.jquery.min.js'></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<style>
</style>
</head>
<body>
<button> webWorker</button>
<script>
var num=1;
var timer=null;
timer=setInterval(function(){
console.log(num++);
},1000)
document.querySelector('button').onclick=function(){
var worker=new Worker('js/text1.js');
worker.onmessage=function(eve){
console.log(eve.data);
};
};
</script>
</body>
</html>
非同期jsファイル:
setTimeout(function(){
console.log(22+'hh');
// postMessage
postMessage(' ');
},5000)