如何将JavaScript编写的页面时间封装为一个函数
两个不同效果的页面时间，直接复制到script标签中是可以运行的，可是我不知道如何将它们封装在一个函数里，没有一点头绪。。。。。。
我懂的JavaScript很有限，这些代码是我在网上搜集来的，非原创，因为我觉得效果很好所以就收藏了。大家一起讨论下怎么封装成函数。。。
这个是第一个页面时间：
function Year_Month() { var now = new Date(); var yy = now.getYear(); var mm = now.getMonth()+1; var cl = '<font color="#000000">'; if (now.getDay() == 0) cl = '<font color="#000000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + yy + '年' + mm + '月</font>'); } function Date_of_Today() { var now = new Date(); var cl = '<font color="#000000">'; if (now.getDay() == 0) cl = '<font color="#000000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + now.getDate() + '日</font> '); } function Day_of_Today() { var day = new Array(); day[0] = "星期日"; day[1] = "星期一"; day[2] = "星期二"; day[3] = "星期三"; day[4] = "星期四"; day[5] = "星期五"; day[6] = "星期六"; var now = new Date(); var cl = '<font color="#000000">'; if (now.getDay() == 0) cl = '<font color="#000000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + day[now.getDay()] + '</font> '); } function CurentTime() { var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000)) / 1000; var clock = hh+':'; if (mm < 10) clock += '0'; clock += mm+':'; if (ss < 10) clock += '0'; clock += ss; return(clock); } function refreshCalendarClock() { document.all.calendarClock1.innerHTML = Year_Month(); document.all.calendarClock2.innerHTML = Date_of_Today(); document.all.calendarClock3.innerHTML = Day_of_Today(); document.all.calendarClock4.innerHTML = CurentTime(); } document.write('<table border="0" cellpadding="0" cellspacing="0" width="200" height="20">'); document.write('<tr><td width="100%" height="100%" align="center">'); document.write('<table border="0" cellpadding="0" cellspacing="0" width="100%" hight="100%" height="20">'); document.write('<tr><td align="center" width="100%" height="100%">'); document.write('<font id="calendarClock1" style="font-family:宋体;font-size:9pt;"> </font>'); document.write('<font id="calendarClock2" style="font-family:宋体;font-size:9pt;"> </font>'); document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;"> </font>'); document.write('<font id="calendarClock4" style="font-family:宋体;font-size:9pt;"> </font>'); document.write('</td></tr></table>'); document.write('</td></tr></table>'); setInterval('refreshCalendarClock()',1000);
function Year_Month() { var now = new Date(); var yy = now.getYear(); var mm = now.getMonth()+1; var cl = '<font color="#000000">'; if (now.getDay() == 0) cl = '<font color="#c00000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + yy + '年' + mm + '月</font>'); } function Date_of_Today() { var now = new Date(); var cl = '<font color="#9023CE">'; if (now.getDay() == 0) cl = '<font color="#000000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + now.getDate() + '</font>'); } function Day_of_Today() { var day = new Array(); day[0] = "星期日"; day[1] = "星期一"; day[2] = "星期二"; day[3] = "星期三"; day[4] = "星期四"; day[5] = "星期五"; day[6] = "星期六"; var now = new Date(); var cl = '<font color="#000000">'; if (now.getDay() == 0) cl = '<font color="#c00000">'; if (now.getDay() == 6) cl = '<font color="#000000">'; return(cl + day[now.getDay()] + '</font>'); } function CurentTime() { var now = new Date(); var hh = now.getHours(); var mm = now.getMinutes(); var ss = now.getTime() % 60000; ss = (ss - (ss % 1000)) / 1000; var clock = hh+':'; if (mm < 10) clock += '0'; clock += mm+':'; if (ss < 10) clock += '0'; clock += ss; return(clock); } function refreshCalendarClock() { document.all.calendarClock1.innerHTML = Year_Month(); document.all.calendarClock2.innerHTML = Date_of_Today(); document.all.calendarClock3.innerHTML = Day_of_Today(); document.all.calendarClock4.innerHTML = CurentTime(); } var webUrl = webUrl; document.write('<table border="0" cellpadding="0" cellspacing="0" ><tr><td>'); document.write('<table id="CalendarClockFreeCode" border="0" cellpadding="0" cellspacing="0" width="70" height="80" '); document.write('style="position:absolute;visibility:hidden" bgcolor="#F2EFFE">'); document.write('<tr><td align="center"><font '); document.write('style="cursor:hand;color:#000000;font-family:宋体;font-size:14pt;line-height:120%" '); if (webUrl != 'netflower') { document.write('</td></tr><tr><td align="center"><font '); document.write('style="cursor:hand;color:#2000ff;font-family:宋体;font-size:9pt;line-height:110%" '); } document.write('</td></tr></table>'); document.write('<table border="0" cellpadding="0" cellspacing="0" width="71" height="80">'); document.write('<tr><td valign="top" width="100%" height="100%">'); document.write('<table border="1" cellpadding="0" cellspacing="0" width="68" bgcolor="#F8ECFB" height="78">'); document.write('<tr><td align="center" width="100%" height="100%" >'); document.write('<font id="calendarClock1" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>'); document.write('<font id="calendarClock2" style="color:#ff0000;font-family:Arial;font-size:14pt;line-height:120%"> </font><br>'); document.write('<font id="calendarClock3" style="font-family:宋体;font-size:9pt;line-height:120%"> </font><br>'); document.write('<font id="calendarClock4" style="color:#000000;font-family:宋体;font-size:9pt;line-height:120%"><b> </b></font>'); document.write('</td></tr></table>'); document.write('</td></tr></table>'); document.write('</td></tr></table>'); setInterval('refreshCalendarClock()',1000);
二、得到拖动物件的坐标。即得到绝对坐标，用以下代码。参数e为拖动物件对象，使用函数时传入。返回的是对象的X坐标、Y坐标、宽度、长度的数组关联。而为什么还要用迭代求offsetLeft和offsetTop呢？因为他们是相对于父坐标而言的，所以必须通过循环来得到绝对定位。function Offset(e) { var t = e.offsetTop; var l = e.offsetLeft; var w = e.offsetWidth; var h = e.offsetHeight; while(e=e.offsetParent) { t+=e.offsetTop; l+=e.offsetLeft; } return { t:t, l:l, w:w, h:h }};三、用事件触发程序句柄。obj.onmouseover=function() {//to do; never-online Demo};obj.onmousedown=function() {//to do; never-online Demo}obj.onmousemove=function() {//to do; never-online Demo}obj.onmouseup=function() {//to do; never-online Demo}四、拖动时得到坐标。obj.onmousedown=function() {//当按下时记住原始坐标。never-online Demoobj.X = event.clientX - Offset(obj).l;obj.Y = event.clientY - Offset(obj).t;}obj.onmousemove=function() {新坐标减去旧坐标得到当前位置 never-online Demoobj.style.left = event.clientX - obj.X;obj.style.top = event.clientY - obj.Y;}
[解决办法]
var webUrl = webUrl;
这行代码干什么用的？(封装一般遇到这个纠结胡问题了)
可以将这行代码就以上的内容封装起来，要用的时候就直接调用就Ok了.