Grafisk count up
Hej eksperter.Jeg har følgende kode udarbejdet af Olebole:
________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ProgressBar - OleBole</title>
<style type="text/css">
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.barHolder {
position: relative;
width: 300px;
height: 15px;
border: 1px solid #000000;
font: bold 11px tahoma, sans-serif;
}
.barHolder div {
position: absolute;
width: 100%;
text-align: center;
left: 0;
}
#bar {
height: 15px;
background: orange;
overflow: hidden;
z-index: 2;
}
#displA {
z-index: 1;
}
#displB {
color: white;
}
</style>
</head>
<body>
<script type="text/JavaScript">
function runProgressBar(nStartWidth, nDur, nStartTime, nEndTime) {
var nNow, nPerc, nW;
if (!nStartTime) var nStartTime = new Date().getTime();
if (!nEndTime) var nEndTime = nStartTime + nDur;
nNow = new Date().getTime();
if (nNow > nEndTime) {
oBar.style.width = 0;
oDisplA.firstChild.nodeValue = oDisplB.firstChild.nodeValue = 0;
} else {
nPerc = (nNow-nStartTime) / (nEndTime-nStartTime);
nW = (nPerc * (-nStartWidth)) + nStartWidth;
oBar.style.width = nW + "px";
setTimeout("runProgressBar("+nStartWidth+", "+nDur+", "+nStartTime+", "+nEndTime+")", 10);
oDisplA.firstChild.nodeValue = oDisplB.firstChild.nodeValue = Math.ceil( (nEndTime-nNow)/1000 ) + " sek";
}
}
var oBar = oDisplA = oDisplB = null;
function startProgressBar(sId, nDuration) {
oBar = document.getElementById("bar");
oDisplA = document.getElementById("displA");
oDisplB = document.getElementById("displB");
oDisplB.style.width = oDisplB.offsetWidth + "px";
runProgressBar(oBar.offsetWidth, nDuration*1000)
}
window.onload = function() {
startProgressBar('bar', 15)
}
</script>
<div class="barHolder">
<div id="bar"><div id="displB"> </div></div>
<div id="displA"> </div>
</div>
</body>
</html>
_________________________________________
Jeg vil høre om det er muligt at ændre lidt i koden, således at den nu tæller op i procent? Den må godt køre en anelse hurtigere.
Det skal være således, at jeg ka skrive eksempelvis 68% ind i koden, så vil den gå op til 68% og stoppe der.
Er der nogen der kan hjælpe mig med dette?
på forhånd tak.
