Gå til innhold

Lage klokke


Anbefalte innlegg

Hei


 


Jeg er medlem av en frivillig organisasjon " Landsforbundet for forebygging av selvskading og selvmord", de jobber nå med en ny nettside og er interesserte i å en en form for timer på siden. 


Timeren skal telle til 22 hver dag, det vil si dag 1 (1 januar) så vil den telle til 22, så til 44, deretter 66 osv osv. 


 


Er det noen som har mulighet for å lage et enkelt skript for dette pro bone, ev for en liten pengesum. Som sagt så er dette en frivillig organisasjon så de har ikke mye å rutte med. 


 


Takker så mye på forhånd


 


Mvh


Daniel


Lenke til kommentar
Videoannonse
Annonse

En enkel counter:

 

 

<!DOCTYPE html>
<title>Counter</title>
<meta charset="utf-8"> 
<style>
body{
    background: #f0f0f0;
    font-family: sans-serif;
}
#counter{
    width: 10em;
    margin: 0 auto;
    padding: 1em;
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    background: #ddd;
    box-shadow: 0 0 3px #888;
    border: 1px solid #aaa;
}
</style>

<div id="counter"></div>

<script>

var startTime = (new Date('December 2, 2015 00:00:00')).getTime();
var countPerDay = 22;

var counterElement = document.getElementById("counter");
var aDayInMilliseconds = 24 * 60 * 60 * 1000;
var counterDelta = aDayInMilliseconds / countPerDay;

function updateCounter(){

    var currentTime = (new Date()).getTime();
    var currentCount = Math.floor((currentTime - startTime) / counterDelta);
    counterElement.innerHTML = currentCount;

}

updateCounter();
window.setInterval(updateCounter, 1000);
</script>

 

  • Liker 1
Lenke til kommentar
  • 2 uker senere...

Sånn som scriptet er nå så er det counter-div'en som vil være der klokken vil vises ja.

 

Javascriptet er det enklest å plassere helt neders på siden, eller i hvertfall under counter-div'en, men ovenfor evt. avsluttende body-tag.

Det kan også plasseres i head, men da må du modifisere det litt for at det ikke skal kjøre før innholdet på siden har lastet ferdig.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...