The following is the JavaScript and HTML Code comprising the Online Percentage Clock for Time and Date located at: www.TechForText.com/Time-and-Date.  The Online Percentage Clock was initially created with Microsoft Excel, and it was electronically converted to JavaScript and HTML, with specialized software (called SpreadsheetConverter).  The original code that was used to create the Excel device, consisted of spreadsheet formulas and custom formatting code, and it was less than one page in length.  However, the JavaScript and HTML code, presented below is approximately 20 pages.  If you want to see the code used to create the original Excel device go to www.TechForText.com/Clock-Code.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<!-- saved from url=(0013)about:internet -->

<html>

  <head>

    <title>Tindex.xlsx</title>

    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">

    <meta name="GENERATOR" content="MSHTML 9.00.8112.16447">

    <!-- SpreadsheetConverter Header start --><!-- Parts of this page Copyright (C) 2002-2010 Framtidsforum I&M AB, Sweden -->

    <style type="text/css">.eebuttons {

      WIDTH: 120px

}

*.ee100 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee103 {

      TEXT-ALIGN: center; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 16pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; PADDING-TOP: 1px

}

*.ee109 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; PADDING-TOP: 1px

}

*.ee112 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee115 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: blue; FONT-SIZE: 16pt; VERTICAL-ALIGN: middle; CURSOR: pointer; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee118 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee121 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee124 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: #0000cc; COLOR: black; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee126 {

      TEXT-ALIGN: center; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: #0000cc; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee129 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: red; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 0px

}

*.ee131 {

      TEXT-ALIGN: center; FONT-STYLE: italic; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: red; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline

}

*.ee132 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee135 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 0px

}

*.ee136 {

      TEXT-ALIGN: center; FONT-STYLE: italic; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline

}

*.ee137 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 0px

}

*.ee139 {

      TEXT-ALIGN: center; FONT-STYLE: italic; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; TEXT-DECORATION: underline

}

*.ee140 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: #0000cc; COLOR: red; FONT-SIZE: 1pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee143 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee146 {

      TEXT-ALIGN: left; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee148 {

      TEXT-ALIGN: center; FONT-STYLE: normal; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee151 {

      TEXT-ALIGN: right; FONT-STYLE: normal; PADDING-LEFT: 0px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 0px

}

*.ee153 {

      TEXT-ALIGN: right; FONT-STYLE: normal; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400

}

*.ee154 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee157 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee159 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 14pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee162 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: blue; FONT-SIZE: 14pt; VERTICAL-ALIGN: middle; CURSOR: pointer; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee165 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee168 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee170 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee173 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee175 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 18pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee178 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: yellow; COLOR: black; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 400; PADDING-TOP: 1px

}

*.ee180 {

      TEXT-ALIGN: center; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana , sans-serif; BACKGROUND: yellow; COLOR: blue; FONT-SIZE: 18pt; VERTICAL-ALIGN: bottom; CURSOR: pointer; FONT-WEIGHT: 700; TEXT-DECORATION: underline; PADDING-TOP: 1px

}

*.ee183 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: bottom; FONT-WEIGHT: 700; PADDING-TOP: 1px

}

*.ee186 {

      TEXT-ALIGN: left; FONT-STYLE: italic; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: yellow; FONT-SIZE: 11pt; VERTICAL-ALIGN: middle; FONT-WEIGHT: 700; PADDING-TOP: 1px

}

*.ee189 {

      FONT-STYLE: italic; FONT-FAMILY: Calibri , sans-serif; BACKGROUND: black; COLOR: black; FONT-SIZE: 11pt; FONT-WEIGHT: 400

}

TEXTAREA {

      OVERFLOW: auto

}

</style>

    <style type="text/css" media="screen">.eebuttonbar_top {

      BORDER-BOTTOM: blue 2px solid; PADDING-BOTTOM: 6px; MARGIN-BOTTOM: 6px

}

.eebuttonbar_bottom {

      MARGIN-TOP: 6px; BORDER-TOP: blue 2px solid; PADDING-TOP: 6px

}

.eetabs {

      DISPLAY: block; FONT-FAMILY: Arial; FONT-SIZE: 10pt

}

</style>

    <style type="text/css" media="print">.eebuttonbar_top {

      DISPLAY: none

}

.eebuttonbar_bottom {

      DISPLAY: none

}

.eetabs {

      DISPLAY: none

}

</style>

    <script language="javascript" type="text/javascript">

 

 

var co = new Object;

function recalc_onclick(ctl) {

  if (true) {

 

 

calc(co);document.formc.XLEW_2_8_2.value=eedatefmt(fmtdate13,co.XLEW_2_8_2);document.formc.XLEW_2_10_2.value=eedatefmt(fmtdate12,co.XLEW_2_10_2);document.formc.XLEW_2_12_3.value=eedatefmt(fmtdate10,co.XLEW_2_12_3);document.formc.XLEW_2_14_3.value=eedatefmt(fmtdate9,co.XLEW_2_14_3);document.formc.XLEW_2_16_3.value=eedatefmt(fmtdate8,co.XLEW_2_16_3);document.formc.XLEW_2_18_3.value=eedatefmt(fmtdate6,co.XLEW_2_18_3);document.formc.XLEW_2_21_17.value=eedisplayFloatND(co.XLEW_2_21_17,2);

};};

 

 

var eeisus=1;var eetrue="TRUE";var eefalse="FALSE";var eedec=".";var eeth=",";var eedecreg=new RegExp("\\.","g");var eethreg=new RegExp(",","g");var eecurrencyreg=new RegExp("[$]","g");var eepercentreg=new RegExp("%","g"); var fmtdaynamesshort=new Array("Sun","Mon","Tue","Wed","Thu","Fri","Sat"); var fmtdaynameslong=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); var fmtmonthnamesshort=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"); var fmtmonthnameslong=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); var fmtstrings=new Array(","," "," hours and"," minutes of the day remains"," minutes of the day is gone","% of the day remains","% of the day is gone","Today is"," and the time is",":","The time is"); var fmtdate6=[12,34,33,16,35]; var fmtdate7=[12,34,33,17,36]; var fmtdate8=[12,34,33,16,36]; var fmtdate9=[24,2,37]; var fmtdate10=[24,2,38]; var fmtdate11=[39,33,9,32,33,5,33,6,32,33,11,40,33,14,41,17,33,21]; var fmtdate12=[42,33,14,41,17,33,21]; var fmtdate13=[39,33,9,32,33,5,33,6,32,33,11];

 

function calc(data){var c2B8=(today());var c2B10=(now());var c2C12=(round((((((c2B10)-(c2B8)))*(100))),(2)));var c2C14=(round((((((1)-(((c2B10)-(c2B8)))))*(100))),(2)));var c2C16=(((c2B10)-(c2B8)));var c2C18=(((((1)-(c2C16)))+(((1)/(((24)*(60)))))));var c2Q21=(c2C12);data.XLEW_2_8_2=c2B8;data.XLEW_2_10_2=c2B10;data.XLEW_2_12_3=c2C12;data.XLEW_2_14_3=c2C14;data.XLEW_2_16_3=c2C16;data.XLEW_2_18_3=c2C18;data.XLEW_2_21_17=c2Q21;};

 

 function myIsNaN(x){return(isNaN(x)||(typeof x=='number'&&!isFinite(x)));};function mod(n,d){return n-d*Math.floor(n/d);};function round(n,nd){if(isFinite(n)&&isFinite(nd)){var sign_n=(n<0)?-1:1;var abs_n=Math.abs(n);var factor=Math.pow(10,nd);return sign_n*Math.round(abs_n*factor)/factor;}else{return NaN;}};var near0RegExp=new RegExp("[.](.*0000000|.*9999999)");function eedisplayFloat(x){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x);if(near0RegExp.test(str)){x=round(x,8);str=String(x);}return str.replace(/\./g,eedec);}};function eedisplayScientific(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var str=String(x.toExponential(nd));return str.replace(/\./g,eedec);}};function eedisplayFloatND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(parts[0]).toString()+eedec+decimals;}}else{return res;}}};function eedisplayPercent(x){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloat(x*100)+'%';}};function eedisplayPercentND(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatND(x*100,nd)+'%';}}function eedisplayFloatNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{var res=round(x,nd);if(nd>0){var str=String(res);if(str.indexOf('e')!=-1)return str;if(str.indexOf('E')!=-1)return str;var parts=str.split('.');var res2=eeinsertThousand(parts[0].toString());if(parts.length<2){var decimals=('00000000000000').substring(0,nd);return(res2+eedec+decimals);}else{var decimals=((parts[1]).toString()+'00000000000000').substring(0,nd);return(res2+eedec+decimals);}}else{return(eeinsertThousand(res.toString()));}}};

 function eedisplayPercentNDTh(x,nd){if(myIsNaN(x)){return Number.NaN;}else{return eedisplayFloatNDTh(x*100,nd)+'%';}}function eeinsertThousand(whole){if(whole==""||whole.indexOf("e")>=0){return whole;}else{var minus_sign="";if(whole.charAt(0)=="-"){minus_sign="-";whole=whole.substring(1);};var res="";var str_length=whole.length-1;for(var ii=0;ii<=str_length;ii++){if(ii>0&&ii%3==0){res=eeth+res;};res=whole.charAt(str_length-ii)+res;};return minus_sign+res;}};function eedatefmt(fmt,x){if(!isFinite(x))return Number.NaN;var padding=0;var tmp=0;var res="";var len=fmt.length;for(var ii=0;ii<len;ii++){if(fmt[ii]>31){res+=fmtstrings[fmt[ii]-32];}else{switch(fmt[ii]){case 2:res+=eemonth(x);break;case 3:tmp=eemonth(x);if(tmp<10){res+="0";};res+=tmp;break;case 4:res+=fmtmonthnamesshort[eemonth(x)-1];break;case 5:res+=fmtmonthnameslong[eemonth(x)-1];break;case 6:res+=eeday(x);break;case 7:tmp=eeday(x);if(tmp<10){res+="0";};res+=tmp;break;case 8:res+=fmtdaynamesshort[weekday(x,1)-1];break;case 9:res+=fmtdaynameslong[weekday(x,1)-1];break;case 10:tmp=year(x)%100;if(tmp<10){res+="0";};res+=tmp;break;case 11:res+=year(x);break;case 12:res+=hour(x);break;case 13:tmp=hour(x);if(tmp<10){res+="0";};res+=tmp;break;case 14:tmp=hour(x)%12;if(tmp==0){res+="12";}else{res+=tmp%12;};break;case 15:tmp=hour(x)%12;if(tmp==0){res+="12";}else{if(tmp<10){res+="0";};res+=tmp;};break;case 16:res+=minute(x);break;case 17:tmp=minute(x);if(tmp<10){res+="0";};res+=tmp;break;case 18:res+=second(x);break;case 19:tmp=second(x);if(tmp<10){res+="0";};res+=tmp;break;case 21:case 22:if(hour(x)<12){res+="AM";}else{res+="PM";};break;case 23:res+=eedisplayFloat(x);break;case 24:tmp=fmt[++ii];res+=eedisplayFloatND(x,tmp);break;case 25:tmp=fmt[++ii];res+=eedisplayFloatNDTh(x,tmp);break;case 26:res+=eedisplayPercent(x);break;case 27:tmp=fmt[++ii];res+=eedisplayPercentND(x,tmp);break;case 28:tmp=fmt[++ii];res+=eedisplayPercentNDTh(x,tmp);break;case 29:tmp=fmt[++ii];res+=eedisplayScientific(x,tmp);break;case 30:padding=fmt[++ii];tmp=hour(x)+Math.floor(x)*24;tmp=tmp.toString();if(tmp.length<padding){res+=('00000000000000').substring(0,padding-tmp.length);}res+=tmp;break;};};};return res;};

 function leap_gregorian(year){return((year%4)==0)&&(!(((year%100)==0)&&((year%400)!=0)));}var GREGORIAN_EPOCH=1721425;function gregorian_to_jd(year,month,day){return(GREGORIAN_EPOCH-0)+(365*(year-1))+Math.floor((year-1)/4)+(-Math.floor((year-1)/100))+Math.floor((year-1)/400)+Math.floor((((367*month)-362)/12)+((month<=2)?0:(leap_gregorian(year)?-1:-2))+day);}function jd_to_gregorian(jd){var wjd,depoch,quadricent,dqc,cent,dcent,quad,dquad,yindex,year,yearday,leapadj;wjd=Math.floor(jd);depoch=wjd-GREGORIAN_EPOCH-1;quadricent=Math.floor(depoch/146097);dqc=mod(depoch,146097);cent=Math.floor(dqc/36524);dcent=mod(dqc,36524);quad=Math.floor(dcent/1461);dquad=mod(dcent,1461);yindex=Math.floor(dquad/365);year=(quadricent*400)+(cent*100)+(quad*4)+yindex;if(!((cent==4)||(yindex==4))){year++;}yearday=wjd-gregorian_to_jd(year,1,1);leapadj=((wjd<gregorian_to_jd(year,3,1))?0:(leap_gregorian(year)?1:2));var month=Math.floor((((yearday+leapadj)*12)+373)/367);var day=(wjd-gregorian_to_jd(year,month,1))+1;return new Array(year,month,day);}function date(year,month,day){if(!isFinite(day)||!isFinite(month)||!isFinite(year))return Number.NaN;if(year<1900){year+=1900};if(year>9999)return Number.NaN;var adj_year=year;var adj_month=month;if(month>0){adj_year=year+Math.floor((month-1)/12);adj_month=((month-1)%12)+1;}else if(month<0){var tmp=Math.ceil((-month)/12);adj_year=year-tmp;adj_month=adj_month+tmp*12;}var res=Math.floor(gregorian_to_jd(adj_year,adj_month,day)-2415020);if(res>59)return res+1;return res;};

 function eeday(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 0;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[2];};function hour(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/3600);}function minute(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return Math.floor(res/60)%60;};function eemonth(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[1];};function now(){var dte=new Date();return date(dte.getFullYear(),dte.getMonth()+1,dte.getDate())+time(dte.getHours(),dte.getMinutes(),dte.getSeconds());};function second(serial_number){if(!isFinite(serial_number))return Number.NaN;var res=Math.floor((serial_number-Math.floor(serial_number))*86400+0.5);return res%60;};function time(hour,minute,second){if(!isFinite(second)||!isFinite(minute)||!isFinite(hour))return Number.NaN;return((second+minute*60+hour*3600)%86400)/86400;};function today(){var dte=new Date();return date(dte.getFullYear(),dte.getMonth()+1,dte.getDate());};function weekday(serial_number,return_type){if(!isFinite(return_type)||!isFinite(serial_number))return Number.NaN;if(return_type<1||return_type>3)return Number.NaN;var res=Math.floor(serial_number+6)%7;switch(Math.floor(return_type)){case 1:return res+1;case 2:return(res+6)%7+1;case 3:return(res+6)%7;};return "hej";};

 function year(serial_number){if(!isFinite(serial_number))return Number.NaN;if(serial_number<1){return 1900;}if(serial_number>60)serial_number--;var res=jd_to_gregorian(serial_number+2415020);return res[0];};

</script><!-- SpreadsheetConverter Header end -->

  </head>

  <body onload="initial_update();"

background="file:///E:/!!!!-Websites/0-Teach-ForText/index_files/image001.jpg">

    <!-- SpreadsheetConverter Body start -->

    <div align="center">&nbsp;</div>

    <div align="center">&nbsp;</div>

    <div align="center">&nbsp;</div>

    <div align="center">

      <form id="formc" method="post" name="formc" action="">

        <div style="DISPLAY: block" id="panel2">

          <table style="border-collapse: collapse; width: 880px; height:

            1451px;" bgcolor="#ffffff" border="0" cellpadding="0"

            cellspacing="0">

            <colgroup> <col width="12"> <col width="12"> <col

                width="64"> <col width="64"> <col width="64"> <col

                width="64"> <col width="64"> <col width="64"> <col

                width="64"> <col width="64"> <col width="64"> <col

                width="64"> <col width="64"> <col width="64"> <col

                width="64"> <col width="12"> <col width="12"> </colgroup><tbody>

              <tr style="HEIGHT: 21pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

                <td class="ee103" colspan="11">Created by David Alderoty

                  © 2012 </td>

                <td class="ee100">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 30pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee109" colspan="15">Online Percentage Clock

                  for Time and Date </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee112">&nbsp; </td>

                <td class="ee115" colspan="13"><a

href="file:///E:%5C%21%21%21%21-Websites%5C121-Percent-Clock%5CTime-and-Date%5CP%5Cindex.htm"

                    target="_parent"><span style="FONT-STYLE: italic;

                      FONT-FAMILY: Verdana, sans-serif; COLOR: blue;

                      FONT-SIZE: 16pt; FONT-WEIGHT: 700">If you want a

                      printer friendly version left click on these

                      words.</span> </a></td>

                <td class="ee112">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 55pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee121" rowspan="2" colspan="13">The time and

                  date you see below, is based on the time that you

                  access this website.<span> </span>If you want the

                  exact time, and this webpage was opened for a while,

                  left click on the update button below. </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 55pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 21pt">

                <td class="ee100">&nbsp; </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee109" colspan="13"><input style="WIDTH:

                    318px; HEIGHT: 24px" class="eebuttons"

                    onclick="recalc_onclick('')" name="xl_update_top"

                    value="LEFT CLICK TO UPDATE TIME" size="53"

                    type="button">&nbsp; </td>

                <td class="ee118">&nbsp; </td>

                <td class="ee100">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 15pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee126" colspan="15">&nbsp; </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 35pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee129" colspan="15"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_8_2"

                    class="ee131" tabindex="-1" name="XLEW_2_8_2"

                    readonly="readonly" value="-"> </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee129" colspan="15"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_10_2"

                    class="ee131" tabindex="-1" name="XLEW_2_10_2"

                    readonly="readonly" value="-"> </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee135" colspan="13"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_12_3"

                    class="ee136" tabindex="-1" name="XLEW_2_12_3"

                    readonly="readonly" value="-"> </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee137" colspan="13"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_14_3"

                    class="ee139" tabindex="-1" name="XLEW_2_14_3"

                    readonly="readonly" value="-"> </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee135" colspan="13"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_16_3"

                    class="ee136" tabindex="-1" name="XLEW_2_16_3"

                    readonly="readonly" value="-"> </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 32pt">

                <td class="ee124">&nbsp; </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee135" colspan="13"><input

                    style="BORDER-BOTTOM: #000000 0px solid;

                    BORDER-LEFT: #000000 0px solid; WIDTH: 100%;

                    OVERFLOW: hidden; BORDER-TOP: #000000 0px solid;

                    BORDER-RIGHT: #000000 0px solid" id="XLEW_2_18_3"

                    class="ee136" tabindex="-1" name="XLEW_2_18_3"

                    readonly="readonly" value="-"> </td>

                <td class="ee132">&nbsp; </td>

                <td class="ee124">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 15pt">

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

                <td class="ee140">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 27pt">

                <td class="ee143">&nbsp; </td>

                <td class="ee146">&nbsp; </td>

                <td class="ee148" colspan="13">&nbsp;<input

                    style="WIDTH: 285px; HEIGHT: 24px" class="eebuttons"

                    onclick="recalc_onclick('')" name="xl_update_bottom"

                    value="LEFT CLICK TO UPDATE TIME" size="47"

                    type="button"> </td>

                <td class="ee146">&nbsp; </td>

                <td class="ee151"><input style="BORDER-BOTTOM: #000000

                    0px solid; BORDER-LEFT: #000000 0px solid; WIDTH:

                    100%; OVERFLOW: hidden; BORDER-TOP: #000000 0px

                    solid; BORDER-RIGHT: #000000 0px solid"

                    id="XLEW_2_21_17" class="ee153" tabindex="-1"

                    name="XLEW_2_21_17" readonly="readonly" value="0"> </td>

              </tr>

              <tr style="HEIGHT: 23pt">

                <td class="ee154">&nbsp; </td>

                <td class="ee157">&nbsp; </td>

                <td class="ee159" colspan="13">Created by David Alderoty

                  © 2012 </td>

                <td class="ee157">&nbsp; </td>

                <td class="ee154">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 26pt">

                <td class="ee159" colspan="17">To contact the author use

                  this e-mail address David@TechForText.com </td>

              </tr>

              <tr style="HEIGHT: 28pt">

                <td class="ee154">&nbsp; </td>

                <td class="ee162" colspan="15"><a

                    href="http://www.david100.com/Mail" target="_parent"><span

                      style="FONT-STYLE: italic; FONT-FAMILY: Verdana,

                      sans-serif; COLOR: blue; FONT-SIZE: 14pt;

                      FONT-WEIGHT: 700">Or left click on these words for

                      a website communication form</span> </a></td>

                <td class="ee154">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 15pt">

                <td class="ee165">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee168">&nbsp; </td>

                <td class="ee165">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee175" rowspan="4" colspan="13">If you want

                  this clock in the Microsoft Excel format, you can

                  download it by left clicking on the link below.<span>

                  </span>The download is provided free of charge, in a

                  zipped folder, with two files one is for Microsoft

                  Excel 2003 and the other for Excel 2010, both of which

                  require Microsoft Windows.<span> </span>Also included

                  in the folder, is a JavaScript version of the clock,

                  which will run with most operating systems. </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee173">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 23pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee178">&nbsp; </td>

                <td class="ee180" colspan="13"><a

href="file:///E:%5C%21%21%21%21-Websites%5C121-Percent-Clock%5CTime-and-Date%5CClock.zip"

                    target="_parent"><span style="FONT-STYLE: italic;

                      FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 18pt;

                      FONT-WEIGHT: 700">Left click on these words to

                      download the above.</span> </a></td>

                <td class="ee178">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 15pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee186">&nbsp; </td>

                <td class="ee175" rowspan="3" colspan="13">This device

                  was created with Microsoft Excel, and it was

                  electronically converted to JavaScript using

                  specialized software.<span> </span>If you are

                  interested in the code that was used to create this

                  device, you can access a webpage that displays the

                  code by left clicking on the link below: </td>

                <td class="ee186">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 45pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

                <td class="ee183">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 23pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee178">&nbsp; </td>

                <td class="ee180" colspan="13"><a

                    href="http://www.techfortext.com/Clock-Code"

                    target="_parent"><span style="FONT-STYLE: italic;

                      FONT-FAMILY: Verdana, sans-serif; FONT-SIZE: 18pt;

                      FONT-WEIGHT: 700">www.TechForText.com/Clock-Code</span>

                  </a></td>

                <td class="ee178">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 15pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 40pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee189" rowspan="3" colspan="15" align="left"

                  valign="top"><span style="Z-INDEX: 1; POSITION:

                    absolute; MARGIN-TOP: 15px; WIDTH: 557px; HEIGHT:

                    98px; MARGIN-LEFT: 141px"><img

src="file:///E:/%21%21%21%21-Websites/65-IntegralCalcuGen/IntegralCalculusGenerator/index_files/image002.gif"></span>&nbsp;

                </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 40pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

              <tr style="HEIGHT: 40pt">

                <td class="ee170">&nbsp; </td>

                <td class="ee170">&nbsp; </td>

              </tr>

            </tbody>

          </table>

          <p>&nbsp;<input class="eebuttons" onclick="window.print();"

              name="xl_print_bottom" value="Print" type="button"> <br>

          </p>

          <p><br>

            <br>

          </p>

        </div>

        <script language="javascript" type="text/javascript">

function postcode(){};function eequerystring(){var querystring=document.location.search;if(querystring.length>0){variables=(querystring.substring(1)).split("&");var variable;var key;var value;for(var ii=0;ii<variables.length;ii++){variable=variables[ii].split("=");key=unescape(variable[0]);value=unescape(variable[1]);if(document.formc[key]!=null){document.formc[key].value=value;}}}}function initial_update(){postcode('');eequerystring();recalc_onclick('');}

</script></form>

    </div>

    <!-- SpreadsheetConverter Body end --><noscript></noscript>

  </body>

</html>