All Thing For Website Designer: Date

Showing posts with label Date. Show all posts

Live Clock using forms

Labels: Clock, Date, Math Related, Script, Timers

Description: Display a live clock on your web page!
Example:

Directions: Simply cut and paste everything inside the table onto your page (for example, inside the <body> tags):

LCD Clock

0 comments
Labels: Clock, Date, Math Related, Script, Timers

Description: Display the time with style using this LCD clock script.. Note that the "digital" interface is visible in IE4+ and NS6+ only, with other browsers displaying a plain "form" clock instead.
Example:

Step 1: Insert the following style sheet to the <HEAD> section of your page:

Step 2: Add the below code into the <BODY>, where you wish the clock to appear:

<span id="digitalclock" class="styling"></span><br />
<br />
<script>
<!--

//LCD Clock script- by javascriptkit.com
//Visit JavaScript Kit (http://javascriptkit.com) for script
//Credit must stay intact for use

var alternate=0
var standardbrowser=!document.all&&!document.getElementById

if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="11"></form>')

function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"

if (hours==12) dn="PM" 
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes

if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+"   "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+" : "+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show

//-->
</script><br />
<-------Donot-Remove------><br />
<p>This free script provided by<br /><br />
<a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a></p>

<-------Donot-Remove------->

Drop Down World Clock

Labels: Clock, Date, Math Related, Script, Timers

Description: Look up the time of various cities around the world easily with this useful script! Configurable to use cities of your choice. Note: Portions of script by Kurt Grigg.

Example:

<table border="0" width="200" cellspacing="0" cellpadding="3"><form name="where">  <tr>
    <td width="100%"><br />
<select name="city" size="1" onchange="updateclock(this);"> <br />
<option value="" selected>Local time</option><br />
<option value="0">London GMT</option> <br />
<option value="1">Rome</option><br />
<option value="7">Bangkok</option><br />
<option value="8">Hong Kong</option><br />
<option value="9">Tokyo</option> <br />
<option value="10">Sydney</option><br />
<option value="12">Fiji</option><br />
<option value="-10">Hawaii</option><br />
<option value="-8">San Francisco</option> <br />
<option value="-5">New York</option><br />
<option value="-3">Buenos Aires</option><br />
</select><br />
<br />
</td>
  </tr>
  <tr>
    <td width="100%"><br />
<script language="JavaScript">

/*
Drop Down World Clock- By All thing For Website Designer (http://www.allthingforwebsitedesigner.blogspot.com)
Portions of code by Kurt @ http://www.btinternet.com/~kurt.grigg/javascript
This credit notice must stay intact
*/

if (document.all||document.getElementById)
document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br />')

zone=0;
isitlocal=true;
ampm='';

function updateclock(z){
zone=z.options[z.selectedIndex].value;
isitlocal=(z.options[0].selected)?true:false;
}

function WorldClock(){
now=new Date();
ofst=now.getTimezoneOffset()/60;
secs=now.getSeconds();
sec=-1.57+Math.PI*secs/30;
mins=now.getMinutes();
min=-1.57+Math.PI*mins/30;
hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone);
hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360;
if (hr < 0) hr+=24;
if (hr > 23) hr-=24;
ampm = (hr > 11)?"PM":"AM";
statusampm = ampm.toLowerCase();

hr2 = hr;
if (hr2 == 0) hr2=12;
(hr2 < 13)?hr2:hr2 %= 12;
if (hr2<10) hr2="0"+hr2

var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm;

if (document.all)
worldclock.innerHTML=finaltime
else if (document.getElementById)
document.getElementById("worldclock").innerHTML=finaltime
else if (document.layers){
document.worldclockns.document.worldclockns2.document.write(finaltime)
document.worldclockns.document.worldclockns2.document.close()
}

setTimeout('WorldClock()',1000);
}

window.onload=WorldClock
//-->
</script><br />
<br />
<br />
<ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer><br />
This free script provided by <a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a><br />
</td>
</form>  </tr>
</table>

Current week of the year

Labels: Date, Math Related, Script, Timers

Description: There are 52 weeks in a year...use this unique script to display the week we're currently in!
Example:

<SCRIPT Language="JavaScript">
 
<!--
// Week of the year script - By Ada Shimar (ada@chalktv.com)
// Based on code by Duncan Kabinu, Florida Department of Agriculture.
// Modified by Italian anonimous on 19.08.2002
// Visit All Thing For Website Designer (http://allthingforwebsitedesigner.blogspot.com) for this script and 400+ more

document.write("Welcome to <b>week "+weekNo()+"<\/b> of "+years+"!")
// -->
</SCRIPT><br />
<p>This free script provided by<br /><a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a></p>

Current full date With Special Notification

Labels: Date, Math Related, Script, Timers

Description: This is a script that displays the current date in the format: day, Month, date, year. As a bonus, it also notifies your surfers of special holidays when they arrive (by writing out the holiday's name).

Example:

Directions: Simply paste the below code into the <body> section of your page where you wish the date to appear:

This free script provided by

Current full date

Labels: Date, Script

Description: A script that displays the current date , in the format of "Saturday, June 13, 1998"
Example:
Directions

Simply insert the below into the <body> section of the page that will show the date:

/*Current date script credit: 
All thing For Website Designer (www.allthingforwebsitedesigner.blogspot.com)
Over 200+ free scripts here!
*/

var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
document.write("<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>")

</script><br />
<br />
<p align="center"><font face="arial, helvetica" size="-2">This free script provided by</font><br><br />
<font face="arial, helvetica" size="-2"><a href="http://allthingforwebsitedesigner.blogspot.com/" rel="All Thing For Website Designer"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4AVmZFL0elOLDRS7lx25bbJDfnkIoIWsN1uNDPpj3qj3J4OjpwGQzR7Ixo-J2wxIiiWQBFG3Um3xeRJRsyH5Dn2dll5nBTi84mzSGKCdfLnHITqRkaqbkiySm9NHpK6r_6DIvfn4_6mY/s128/cooltext500986594.gif" alt="Scripts And Website Designing" /></a></font></p>

Current Date I

0 comments
Labels: Date, Script

Example:

Directions:Simply insert the below into the <body> section of the page that will show the date:

All Thing For Website Designer

Sponsor

Live Clock using forms

LCD Clock

Drop Down World Clock

Current week of the year

Current full date With Special Notification

Current full date

Current Date I

Follow me

Posts RSS

Facebook

Label

Blog Archive

Followers

About Me

Labels

Labels

Labels