JavaScript

語言：

JaveScriptBabelCoffeeScript

確定

var worker, start, end,

send = document.querySelector('.send'),

receive = document.querySelector('.receive > span'),

bar = document.querySelector('.bar > span');

var sendMessage = function() {

start = performance.now();

worker.postMessage('My message');

console.log('Sending message to worker: ' + start + 'ms');

};

var receiveMessage = function(event) {

end = performance.now();

receive.innerHTML = event.data;

var delay = (end - start);

bar.textContent = delay + 'ms';

bar.style.transition = 'width ' + delay / 10 + 's';

bar.classList.add('complete');

console.log('Message received from worker: ' + end + 'ms');

};

var workerFunction = function(event) {

self.postMessage('Worker ? ' + event.data);

};

var createWorker = function() {

if (window.Worker && window.Blob && window.URL) {

var workerContent = "self.onmessage = " + workerFunction.toString();

var blob = new Blob([workerContent], {

type: 'application/javascript'

});

worker = new Worker(URL.createObjectURL(blob));

worker.onmessage = receiveMessage;

}

};

window.addEventListener('load', createWorker);

send.addEventListener('click', sendMessage);

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的html网页响应时间调试,HTML5 使用performance.now衡量Webworker的响应时间的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。