js实时监测网速

最新推荐文章于 2024-04-18 17:38:37 发布

小楼昨夜那事

最新推荐文章于 2024-04-18 17:38:37 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.csdn.net/T_ambition/article/details/117320846

本文介绍了一种通过监测图片加载速度来实现JavaScript实时检测网络速度的方法，帮助开发者更好地理解和优化网页性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

利用图片加载速度进行判断

// 网速
let speedInterval = null
// 
let networkInternet = null
//
let reNetWorkInternet = null
//网络连接状态
// let getConnectStatus = null
let time = 5000
export function TestInternet () {
	startNetwork()
  startSpeed()
}
export function stopTest () {
	console.log('停止检测')
	endNetwork()
	endSpeed()
}


function getConnectStatus() {
	return window.navigator.onLine? 1 : 0
}

function disconnet() {
	console.log('网络中断')
	window.clearInterval(reNetWorkInternet)
	reNetWorkInternet = null
	window.setTimeout(() => {
		// 设置定时器
		reNetWorkInternet = window.setInterval(() => {
			if (getConnectState() == 1) {
				window.clearInterval(reNetworkInterval)
				reNetworkInterval = null
				startSpeed()
				startNetwork()
			} else {
				window.clearInterval(reNetworkInterval)
				reNetworkInterval = null
				disconnet()
			}
		}, time)
	}, 2 * time)
}

const speed = {
	/

最低0.47元/天解锁文章