<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>计算页面加载时间</title>
</head>
<body>
<div style="margin:10px">
<input type="text" id="in-url" style="width:450px;height:30px" value="https://www.baidu.com" >
<button id="go">Go!</button>
</div>
<div style="margin:10px">
<label id="lbStatus"></label>
</div>
<div style="margin:10px; width:100%; height:450px; min-height:450px">
<iframe id="fm" width="100%" height="450px" src="https://www.baidu.com"></iframe>
</div>
<script src="js/jquery-1-11-1.js" type="text/javascript"></script>
<script>
var t1 = new Date().getTime(),t2;
$(function(){
$('#go').on('click',function(){
t1 = new Date().getTime();
var inputUrl = $('#in-url').val();
$('#lbStatus').text('加载中...');
$('#fm').attr('src',inputUrl);
});
$('#in-url').on('keypress',function(){
if(event.keyCode==13)
$('#go').click();
});
$('#fm').on('load',function(){
t2 = new Date().getTime();
$('#lbStatus').text('加载完毕，耗时：'+(t2-t1)+'毫秒');
});
});
</script>
</body>
</html>
Copyright © 2004-2024 Ynicp.com 版权所有 法律顾问:建纬(昆明)律师事务所 昆明市网翼通科技有限公司 滇ICP备08002592号-4
