converse it

A forums community that covers it all. Discuss in our wide range of categories. Play games, IM chat w/ friends, customize your profile and post updates to your wall. Stay connected.

No special offers at this time.
Welcome to converse it Guest. Please enjoy your stay.
Need help using our site? Click here!
Are you new here? Don't forget to introduce yourself don't be shy. You can introduce yourself by creating a new topic in the introduce yourself section of our forums
Bored? Visit our Arcade. We got tons of games that you can play while chatting with your friends.
Do you like converse it? Tell your friends! For every friend your bring you get 50 Ci Tokens.
Have an instagram? want to share your pictures with converseit Put #converseit in your tag and it will be added to the portal page.
Learn more about your personal wall here.

You are not connected. Please login or register

Share this topic!

URL Direct
BBcode
HTML
create a clock for your website

create a clock for your website

 



  • View previous topic View next topic Go down Message [Page 1 of 1]

    1 create a clock for your website on Thu May 09, 2013 3:31 am

    This is a simple code that will paste a hand clock into your website. Just copy and paste the code below where you want it to appear on your website.



    Code:
    <SCRIPT language=JavaScript>

    fCol='444444'; //face colour.
    sCol='FF0000'; //seconds colour.
    mCol='444444'; //minutes colour.
    hCol='444444'; //hours colour.

    Ybase=30; //Clock height.
    Xbase=30; //Clock width.


    H='...';
    H=H.split('');
    M='....';
    M=M.split('');
    S='.....';
    S=S.split('');
    NS4=(document.layers);
    NS6=(document.getElementById&&!document.all);
    IE4=(document.all);
    Ypos=0;
    Xpos=0;
    dots=12;
    Split=360/dots;
    if (NS6){
    for (i=1; i < dots+1; i++){
    document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
    }
    for (i=0; i < M.length; i++){
    document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>');
    }
    for (i=0; i < H.length; i++){
    document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>');
    }
    for (i=0; i < S.length; i++){
    document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>');
    }
    }
    if (NS4){
    dgts='1 2 3 4 5 6 7 8 9 10 11 12';
    dgts=dgts.split(' ')
    for (i=0; i < dots; i++){
    document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>');
    }
    for (i=0; i < M.length; i++){
    document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>');
    }
    for (i=0; i < H.length; i++){
    document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>');
    }
    for (i=0; i < S.length; i++){
    document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>');
    }
    }
    if (IE4){
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=1; i < dots+1; i++){
    document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>');
    }
    document.write('</div></div>')
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < M.length; i++){
    document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>');
    }
    document.write('</div></div>')
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < H.length; i++){
    document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>');
    }
    document.write('</div></div>')
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i=0; i < S.length; i++){
    document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>');
    }
    document.write('</div></div>')
    }



    function clock(){
    time = new Date ();
    secs = time.getSeconds();
    sec = -1.57 + Math.PI * secs/30;
    mins = time.getMinutes();
    min = -1.57 + Math.PI * mins/30;
    hr = time.getHours();
    hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360;

    if (NS6){
    Ypos=window.pageYOffset+window.innerHeight-Ybase-25;
    Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
    for (i=1; i < dots+1; i++){
     document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180)
     document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180)
     }
    for (i=0; i < S.length; i++){
     document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec);
     document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec);
     }
    for (i=0; i < M.length; i++){
     document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min);
     document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min);
     }
    for (i=0; i < H.length; i++){
     document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs);
     document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs);
     }
    }
    if (NS4){
    Ypos=window.pageYOffset+window.innerHeight-Ybase-20;
    Xpos=window.pageXOffset+window.innerWidth-Xbase-30;
    for (i=0; i < dots; ++i){
     document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180)
     document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180)
     }
    for (i=0; i < S.length; i++){
     document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec);
     document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec);
     }
    for (i=0; i < M.length; i++){
     document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min);
     document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min);
     }
    for (i=0; i < H.length; i++){
     document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs);
     document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs);
     }
    }

    if (IE4){
    Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20;
    Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20;
    for (i=0; i < dots; ++i){
     ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180)
     ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180)
     }
    for (i=0; i < S.length; i++){
     x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec);
     x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec);
     }
    for (i=0; i < M.length; i++){
     y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min);
     y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min);
     }
    for (i=0; i < H.length; i++){
     z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs);
     z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs);
     }
    }
    setTimeout('clock()',100);
    }
    clock();
    //-->
    </SCRIPT>

    <SCRIPT language=JavaScript>

    fCol='444444'; //face colour.
    sCol='FF0000'; //seconds colour.
    mCol='444444'; //minutes colour.
    hCol='444444'; //hours colour.

    Ybase=30; //Clock height.
    Xbase=30; //Clock width.
    </SCRIPT>
    </body>
    </html>

    Simple right?

    Post questions or comments below.


    _________________
    PUPPYCHEESE Is KOOL!  D;

    View user profile http://www.converseit.net

    View previous topic View next topic Back to top Message [Page 1 of 1]

    New topics

        Permissions in this forum:
        You cannot reply to topics in this forum

         

        ^ Back to Top