Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Hjälp med en bit javascript

Skapad av Stox, 2010-09-07 21:18 i Webbutveckling & Programmering

838
1 inlägg
0 poäng
Stox
Visningsbild
Hjälte 194 inlägg
0
Jag lyckades hitta en ganska cool nedräknare med progressbar.
Tyvärr så visas formatet bara i timmar:minuter:sekunder.
Jag skulle vilja ha det med dagar:timmar:minuter:sekunder.

Kan någon hjälpa mig med det?

Här är koden:
[code]
<html>
<head>
<title>Untitled</title>
<style>
#cdbar1 {
border-style:solid;
border-color:#A2A2A2;
border-width:1px;
background-color:#000000;
width:160px;
height:15px;
}
#cdbar2 {
background-color:#ffffff;
width:50px;
height:15px;
}
#cdtext {
width:160px;
text-align:center;
font-size:16px;
font-family:Verdana;
color:white;
padding:0px 0px 8px 0px;
}
</style>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
var oPb,oGa,oHd;
// (Dra ifrån 1 från önskad månad)
var StartTime=new Date(2010,5,19,12,0,0);
var EndTime=new Date(2010,10,25,8,0,0);
var CurrTime=new Date();
var FullInterval=DateDiff(StartTime,EndTime);
var RemainInterval=DateDiff(CurrTime,EndTime)
var Fraction=RemainInterval/FullInterval;
var FracWidth=Fraction*160;
var Secs=DateDiffSecs(CurrTime,EndTime);

function Init() {
oPb=document.getElementById("cdbar1");
oGa=document.getElementById("cdbar2");
oHd=document.getElementById("cdtext");
oGa.style.width=(160-FracWidth)+'px';
setInterval('Tick()',1000);
}
function DateDiff(sDate1,sDate2){
d1= Date.parse(sDate1);
d2= Date.parse(sDate2);
return((d2-d1)/(24*60*60*1000))
}
function DateDiffSecs(sDate1,sDate2){
d1= Date.parse(sDate1);
d2= Date.parse(sDate2);
return((d2-d1)/1000)
}
function Tick() {
Secs--;
hh=Math.floor(Secs/3600);
mm=Math.floor((Secs-(hh*3600))/60);
ss=Secs % 60;
oHd[removed]=hh+':'+Pad(mm)+':'+Pad(ss);
}
function Pad(s) {
s='0'+s;
return(s.substr(s.length-2));
}

//-->
</script>
</head>

<body>
<div id="cdtext"></div>
<div id="cdbar1"> <div id="cdbar2"></div></div>

</body>
</html>
[/code]

Jag hette tidigare Denocle

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!


Forum » Datorer & IT » Webbutveckling & Programmering » Hjälp med en bit javascript

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons