Clock plugin

[Mike]

You will find this plugin in the library link

Just a note for those that haven't figured out why the plugin will not work. You have to put this place holder ~<div id="wells"></div> on the banner only. 
Edit: as of 9/13/2021
I've made some new changes to this plugin.
1. I've included a float position (left or right)
2. I've also included a center margin.
3.The clock runs off of pb server time.
Remember to read the ui question mark tabs for directions
to adjust the float and margin.(important!)

Thanks & God bless

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Apr 11, 2014 20:11:58 GMT -8 Mike said:

You will find this plugin in the library link

Just a note for those that haven't figured out why the plugin will not work. You have to put this place holder ~<div id="clock"></div> somewhere on the layout so it'll show up. Sorry about not posting it with the plugin.

Thanks & God bless

Works great. I think it would be cool if you used the server time instead of the local time object because the server time is what the forum goes off of. Your clock can be off on your computer and it will reflect on your forum as the wrong time. Also I think it would be better if your id wasn't "clock". Because someone could accidentally have the same id. I think riclock, mikesclock, or customclock would be a better choice. (so you don't run into two items having the same id name)
Maybe even having a couple checkboxes that will insert the clock automatically in certain spots on your forum such as: top, bottom, or banner. 
I am not requesting these things for myself. I was just giving you input on how you could expand your plugin if you wanted to. All around it works great.    

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

www.w3schools.com/js/tryit.asp?filename=tryjs_timing_clock
by using a format like that
you could come up with something like this
<script>
var amorpm = 'pm';
var todayclock=new Date(proboards.data('user').last_online.unix_timestamp*1000);
var hclock=todayclock.getHours();
var mclock=todayclock.getMinutes();
var sclock=todayclock.getSeconds();
if(hclock <12){amorpm = 'am'};
function startTime()
{
// add a zero in front of numbers<10
mclock=checkTime(mclock);
sclock=checkTime(sclock);
document.getElementById('txt').innerHTML=hclock+":"+mclock+":"+sclock+amorpm;
}
function continueTime()
{

sclock++;

if(parseInt(sclock) ==60){sclock=0;mclock++;}

if(parseInt(mclock) ==60){mclock=0;hclock++;}

if(parseInt(hclock) ==13){hclock = 1;if(amorpm == 'am'){amorpm = 'pm'}else {amorpm = 'am'};}

mclock=checkTime(parseInt(mclock));

sclock=checkTime(parseInt(sclock));

document.getElementById('txt').innerHTML=hclock+":"+mclock+":"+sclock+amorpm;

}
function checkTime(i)
{
if (i<10)
{
i="0" + i;
}
return i;
}

$(document).ready(function() {
setInterval(function(){
continueTime()
}, 1000);
});
</script>
<div id="txt"></div>

And it will use proboards time instead of your computer time

[Mike]

Thanks for the input pastuleo23

At the moment I wasn't looking to revise it maybe in a few months but thanks again for the input.
God bless

P.s~ Keep the Idea's cooking guys

Edit: I did change the place holder to:<div id="rclock"></div>

[Mike]

I have finally revised this plugin.
It is now running off of proboards server for the time.
You will find the revised version in the library.
Thank you

[Mike]

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓
the clock itself is not centered.
anyway to center this?

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Aug 31, 2021 12:08:45 GMT -8 Mike said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓
the clock itself is not centered.
anyway to center this?

It's not in the library yet

[P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓]

Aug 31, 2021 12:08:45 GMT -8 Mike said:

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓
the clock itself is not centered.
anyway to center this?

to center the time in the clock you should add



display:flex;

justify-content:center;
to the style of the square class
and
line-height:30px;
to the style of the h1 tag

[Mike]

P̌̓aͧś̀t̀u͒le͆o͂2̀3̃̓
Your simply awsome!
Thank you

[Mike]

I don't know yet. Just playing around with a few ideas