steelseries clock adding

dimitris vichos · Post by **dimitris vichos** » Tue 27 Jan 2015 10:52 am

i like to ad the steelseseies clock in my page. this clock its simple but beautyfull

reading the wiki i dont understand very well how to do this. need to cange gauge.js? steelseries.js?

i try to make my own, byt i need little help..

dimitris vichos · Post by **dimitris vichos** » Tue 27 Jan 2015 3:18 pm

i make a demo page with clock and works good

http://metfm.esy.es/clock.htm

byt when transfer the code in my page clock dont show.....

http://metfm.esy.es/liveweather.htm

Post by **steve** » Tue 27 Jan 2015 3:26 pm

You don't seem to be calling your init() function anywhere.

mcrossley · Post by **mcrossley** » Tue 27 Jan 2015 4:02 pm

You also need to think if you want the clock to show your station time, or the users time.

dimitris vichos · Post by **dimitris vichos** » Tue 27 Jan 2015 8:59 pm

the clock works good, but i dont know how to change the frame the pointer etc.

dimitris vichos · Post by **dimitris vichos** » Wed 28 Jan 2015 12:24 pm

this is html code for clock

Code: Select all

    <title>Canvas Steel clock</title>
</head>
<body onload="init()">

                <canvas id="canvasClock1" width="250" height="250"></canvas>


    


<script>
    var radial1;
     function init() {
        new steelseries.Clock('canvasClock1', {
                           
                            })
}
 </script>
<script src=scripts/jquery.js></script>
<script src="scripts/clock.js"></script>
<script src="scripts/clock-min.js"></script>


</body></html>

i tries to change the background with this code but not working good

Code: Select all

   <title>Canvas Steel clock</title>
</head>
<body onload="init()">

                <canvas id="canvasClock1" width="250" height="250"></canvas>


    


<script>
    var radial1;
     function init() {
        new steelseries.Clock('canvasClock1', { frameDesign            : steelseries.FrameDesign.CHROME,
            background             : steelseries.PointerType.TYPE2
                           
                            })
}
 </script>
<script src=scripts/jquery.js></script>
<script src="scripts/clock.js"></script>
<script src="scripts/clock-min.js"></script>


</body></html>

changing only the frame.

mcrossley · Post by **mcrossley** » Wed 28 Jan 2015 12:49 pm

If you look at the SS script for "clock", you will see all the initialisation parameters listed and their default values...

Code: Select all

            frameDesign = (undefined === parameters.frameDesign ? steelseries.FrameDesign.METAL : parameters.frameDesign),
            frameVisible = (undefined === parameters.frameVisible ? true : parameters.frameVisible),
            pointerType = (undefined === parameters.pointerType ? steelseries.PointerType.TYPE1 : parameters.pointerType),
            pointerColor = (undefined === parameters.pointerColor ? (pointerType === steelseries.PointerType.TYPE1 ? steelseries.ColorDef.GRAY : steelseries.ColorDef.BLACK) : parameters.pointerColor),
            backgroundColor = (undefined === parameters.backgroundColor ? (pointerType === steelseries.PointerType.TYPE1 ? steelseries.BackgroundColor.ANTHRACITE : steelseries.BackgroundColor.LIGHT_GRAY) : parameters.backgroundColor),
            backgroundVisible = (undefined === parameters.backgroundVisible ? true : parameters.backgroundVisible),
            foregroundType = (undefined === parameters.foregroundType ? steelseries.ForegroundType.TYPE1 : parameters.foregroundType),
            foregroundVisible = (undefined === parameters.foregroundVisible ? true : parameters.foregroundVisible),
            customLayer = (undefined === parameters.customLayer ? null : parameters.customLayer),
            isAutomatic = (undefined === parameters.isAutomatic ? true : parameters.isAutomatic),
            hour = (undefined === parameters.hour ? 11 : parameters.hour),
            minute = (undefined === parameters.minute ? 5 : parameters.minute),
            second = (undefined === parameters.second ? 0 : parameters.second),
            secondMovesContinuous = (undefined === parameters.secondMovesContinuous ? false : parameters.secondMovesContinuous),
            timeZoneOffsetHour = (undefined === parameters.timeZoneOffsetHour ? 0 : parameters.timeZoneOffsetHour),
            timeZoneOffsetMinute = (undefined === parameters.timeZoneOffsetMinute ? 0 : parameters.timeZoneOffsetMinute),
            secondPointerVisible = (undefined === parameters.secondPointerVisible ? true : parameters.secondPointerVisible);

dimitris vichos · Post by **dimitris vichos** » Wed 28 Jan 2015 1:57 pm

for example

frameDesign = (undefined === parameters.frameDesign ? steelseries.FrameDesign.METAL : parameters.frameDesign)

what need to change to this? give me a simple example if you want. thank you.

nossis · Post by **nossis** » Wed 28 Jan 2015 2:17 pm

I wanted to show the local time on the gauges page also
This is what I did up near the ticker
http://members.iinet.net.au/~nossis/wea ... ges-ss.htm

I used this site
http://www.timeanddate.com/clocks/free.html
to create it and just inserted on my web page

(just finished implementing the new 2.5 gauges and I am tickled pink!

Brilliant work from Mark as always

)

mcrossley · Post by **mcrossley** » Wed 28 Jan 2015 2:38 pm

dimitris vichos wrote:for example

frameDesign = (undefined === parameters.frameDesign ? steelseries.FrameDesign.METAL : parameters.frameDesign)

what need to change to this? give me a simple example if you want. thank you.

Try starting with this...

Code: Select all

new steelseries.Clock('canvasClock1', {
		frameDesign: steelseries.FrameDesign.CHROME,
		pointerType: steelseries.PointerType.TYPE2,
		backgroundColor: steelseries.BackgroundColor.LIGHT_GRAY
	});

mcrossley · Post by **mcrossley** » Wed 28 Jan 2015 2:39 pm

nossis wrote:(just finished implementing the new 2.5 gauges and I am tickled pink!
Brilliant work from Mark as always )

Thanks Barry, glad you like them.

dimitris vichos · Post by **dimitris vichos** » Wed 28 Jan 2015 6:47 pm

mcrossley wrote:
dimitris vichos wrote:for example

frameDesign = (undefined === parameters.frameDesign ? steelseries.FrameDesign.METAL : parameters.frameDesign)

what need to change to this? give me a simple example if you want. thank you.

Try starting with this...
Code: Select all
new steelseries.Clock('canvasClock1', {
		frameDesign: steelseries.FrameDesign.CHROME,
		pointerType: steelseries.PointerType.TYPE2,
		backgroundColor: steelseries.BackgroundColor.LIGHT_GRAY
	});

thats it!! thank you very much again.

ace2 · Post by **ace2** » Thu 29 Jan 2015 12:06 am

nossis wrote:I wanted to show the local time on the gauges page also
This is what I did up near the ticker
http://members.iinet.net.au/~nossis/wea ... ges-ss.htm

I used this site
http://www.timeanddate.com/clocks/free.html
to create it and just inserted on my web page

(just finished implementing the new 2.5 gauges and I am tickled pink!
Brilliant work from Mark as always )

And as I do, I stole this and did the same with the clock thingy(some time ago).

And agreed, brilliant work on gauges........

Cumulus Support

steelseries clock adding

steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding

Re: steelseries clock adding