用html Javascript制作一个计时器,根据网页下载持续时间进行收费。
时间: 2024-03-02 07:47:54 浏览: 22
好的,以下是一个简单的HTML和JavaScript计时器示例,它可以记录网页下载的持续时间并根据时间进行计费。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>下载计时器</title>
</head>
<body onload="startTimer()">
<h1>下载计时器</h1>
<p>请等待文件下载完成...</p>
<p id="timer">00:00:00</p>
<script>
var startTime = new Date().getTime();
var timerInterval;
function startTimer() {
timerInterval = setInterval(updateTimer, 1000);
}
function updateTimer() {
var currentTime = new Date().getTime();
var elapsedTime = new Date(currentTime - startTime);
var hours = elapsedTime.getUTCHours();
var minutes = elapsedTime.getUTCMinutes();
var seconds = elapsedTime.getUTCSeconds();
document.getElementById("timer").innerHTML = pad(hours) + ":" + pad(minutes) + ":" + pad(seconds);
}
function pad(number) {
if (number < 10) {
return "0" + number;
}
return number;
}
window.onbeforeunload = function() {
var endTime = new Date().getTime();
var duration = (endTime - startTime) / 1000; // 转换为秒
var cost = duration * 0.001; // 每秒收费0.001元
alert("下载完成,本次下载共计费用 " + cost.toFixed(3) + " 元。");
};
</script>
</body>
</html>
```
该计时器会在网页加载完成后自动开始计时,并在用户关闭页面时显示费用。这个示例中每秒钟收费0.001元,您可以根据实际情况进行修改。