• 对原生对象如String扩展常用函数
• 支持类的声明与继承，简易Ajax
• 简约而快速的CSS选择器
• 高效、易操作的动画执行
• 强大的JS包扩展机制，支持CSS按需加载
• 非侵入式切换调用，与第三方框架并存

　　Como是一款代码简易而功能强大的Javascript框架，这也是开发者在工作过程中的经验总结，实用性强；通过它，能够简化Javascript代码开发，增强代码重用性，能够异步按需加载js和css文件，增强page的加载速度；
　　Como完全兼容市场目前的主流浏览器：Internet Explorer6+, Firefox 2, Safari 2+, Chrome, Opera 9+, 及其他基于IE内核的浏览器如Maxthon、360、Sogou等；
　　待Como完善成一套框架体系后，我们将提供出一套基于BSD协议的开源方案，供大家学习和分享。我们也将逐步推出一些扩展组件，比如编辑器等。
　　下载：http://comsome.com/como/Pack/Como.1.0.zip

var timerID ;

function tzone(os, ds, cl)
{
    this.ct = new Date(0) ;  // datetime
    this.os = os ;  // GMT offset
    this.ds = ds ;  // has daylight savings
    this.cl = cl ;  // font color
}

function UpdateClocks()
{
var ct = new Array(
new tzone(-10, 0, 'silver'),
new tzone(-9, 0, 'silver'),
new tzone(-8, 0, 'silver'),
new tzone(-8, 0, 'silver'),
new tzone(-8, 0, 'silver'),
new tzone(-8, 0, 'silver'),
new tzone(-7, 0, 'silver'),
new tzone(-7, 0, 'silver'),
new tzone(-7, 0, 'silver'),
new tzone(-7, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-6, 0, 'silver'),
new tzone(-5, 1, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-5, 0, 'silver'),
new tzone(-4, 1, 'silver'),
new tzone(-4, 1, 'silver'),
new tzone(-3.5, 0, 'silver'),
new tzone(-3, 0, 'silver'),
new tzone(-3, 1, 'silver'),
new tzone(-3, 1, 'silver'),
new tzone(-3, 1, 'silver'),
new tzone(-3, 1, 'silver'),
new tzone(0, 0, 'silver'),
new tzone(0, 0, 'silver'),
new tzone(0, 0, 'silver'),
new tzone(0, 0, 'silver'),
new tzone(0, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+1, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+2, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3, 0, 'silver'),
new tzone(+3.5, 0, 'silver'),
new tzone(+4, 0, 'silver'),
new tzone(+4.5, 0, 'silver'),
new tzone(+5, 0, 'silver'),
new tzone(+5, 0, 'silver'),
new tzone(+5, 0, 'silver'),
new tzone(+5, 0, 'silver'),
new tzone(+5.5, 0, 'silver'),
new tzone(+5.5, 0, 'silver'),
new tzone(+5.5, 0, 'silver'),
new tzone(+5.75, 0, 'silver'),
new tzone(+6, 0, 'silver'),
new tzone(+6.5, 0, 'silver'),
new tzone(+7, 0, 'silver'),
new tzone(+7, 0, 'silver'),
new tzone(+7, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+8, 0, 'silver'),
new tzone(+9, 0, 'silver'),
new tzone(+9, 0, 'silver'),
new tzone(+9.5, 0, 'silver'),
new tzone(+10, 0, 'silver'),
new tzone(+10, 0, 'silver'),
new tzone(+10, 1, 'silver'),
new tzone(+10, 1, 'silver'),
new tzone(+10, 1, 'silver'),
new tzone(+9.5, 1, 'silver'),
new tzone(+12, 0, 'silver'),
new tzone(+12, 0, 'silver'),
new tzone(+12, 0, 'silver'),
new tzone(+12, 1, 'silver'),
new tzone(+12.75, 1, 'silver'),
new tzone(+14, 0, 'silver')
    ) ;

    var dt = new Date() ; // [GMT] time according to machine clock
    var startDST = new Date(dt.getFullYear(), 3, 1) ;

    while (startDST.getDay() != 0)
        startDST.setDate(startDST.getDate() + 1) ;

    var endDST = new Date(dt.getFullYear(), 9, 31) ;

    while (endDST.getDay() != 0)
        endDST.setDate(endDST.getDate() - 1) ;

    var ds_active ;  // DS currently active
    if (startDST < dt && dt < endDST)
        ds_active = 1 ;
    else
        ds_active = 0 ;

// Adjust each clock offset if that clock has DS and in DS.

    for(n=0 ; n<ct.length ; n++)
        if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;

// compensate time zones

    var printstr = "";

    gmdt = new Date() ;
    for (n=0 ; n<ct.length ; n++) {
        ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;
    }

document.getElementById("Clockk34").innerHTML = ClockString(ct[43].ct);//纽约夏令时改为43，其它为34
document.getElementById("Clockk122").innerHTML = ClockString(ct[122].ct);//北京
document.getElementById("Clockk22").innerHTML = ClockString(ct[130].ct);//东京
document.getElementById("Clockk133").innerHTML = ClockString(ct[133].ct);//悉尼夏令时改为133，其它改为130
document.getElementById("Clockk54").innerHTML = ClockString(ct[56].ct);//伦敦 夏令改为56,其他时间改为54
document.getElementById("Clockk23").innerHTML = ClockString(ct[20].ct);//芝加哥

    timerID = window.setTimeout("UpdateClocks()", 1001) ;
}

function ClockString(dt)
{
    var stemp, ampm ;
    var dt_year = dt.getUTCFullYear() ;
    var dt_month = dt.getUTCMonth() + 1 ;
    var dt_day = dt.getUTCDate() ;
    var dt_hour = dt.getUTCHours() ;
    var dt_minute = dt.getUTCMinutes() ;
    var dt_second = dt.getUTCSeconds() ;
    dt_year = dt_year.toString() ;

  if (dt_hour < 10)
        dt_hour = '0' + dt_hour ;

    if (dt_minute < 10)
        dt_minute = '0' + dt_minute ;

    if (dt_second < 10)
        dt_second = '0' + dt_second ;

    stemp =  dt_hour + ":" + dt_minute + ":" + dt_second;
    return stemp ;
}

//  End -->
window.onload=UpdateClocks;
</SCRIPT>

第二步：将下列放入要显示的位置
北京时间：<SPAN id=Clockk122></SPAN>　东京时间：<SPAN id=Clockk22></SPAN>　伦敦时间：<SPAN id=Clockk54></SPAN>　纽约时间：<SPAN id=Clockk34></SPAN>　悉尼时间：<SPAN id=Clockk133></SPAN>　芝加哥时间：<SPAN id=Clockk23></SPAN>

各地时间可以根据时差，更改或添加如下位置：
document.getElementById("Clockk34").innerHTML = ClockString(ct[43].ct);//纽约夏令时改为43，其它为34
document.getElementById("Clockk122").innerHTML = ClockString(ct[122].ct);//北京
document.getElementById("Clockk22").innerHTML = ClockString(ct[130].ct);//东京
document.getElementById("Clockk133").innerHTML = ClockString(ct[133].ct);//悉尼夏令时改为133，其它改为130
document.getElementById("Clockk54").innerHTML = ClockString(ct[56].ct);//伦敦 夏令改为56,其他时间改为54
document.getElementById("Clockk23").innerHTML = ClockString(ct[20].ct);//芝加哥

<div id="siderIMchat">
<div id="siderIMchat_hiddenbar"></div>
<div id="siderIMchat_main">
<div id="closeSiderIMchat"><span class="close"></span></div>
<div class="top"></div>
<div class="infobox">
<ul class="clearfix">
<li><a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=21656215&Site=丑蛙-点石成金,访客至上&Menu=yes"><img border="0" SRC=http://wpa.qq.com/pa?p=1:21656215:7 alt="点击这里给我发消息" align="absmiddle" /></a></li>
<li><a target="blank" href="http://wpa.qq.com/msgrd?V=1&Uin=21656215&Site=丑蛙-点石成金,访客至上&Menu=yes"><img border="0" SRC=http://wpa.qq.com/pa?p=1:21656215:3 alt="点击这里给我发消息" align="absmiddle" /></a></li>
<li>
<A href="msnim:chat?contact=netugfrog@hotmail.com" target=blank><img border="0" SRC=images/msn.gif alt="点击这里给我发消" /></A>
</li>
</ul>
</div>
<div class="bg">
<div class="online_qq_c"></div>
<ul class="clearfix">
<li>
<a target="_blank" href="http://amos1.taobao.com/msg.ww?v=2&uid=ugfrog&s=1"><img border="0" src="http://amos1.taobao.com/online.ww?v=2&uid=ugfrog&s=1" alt="点击这里给我发消息" /></a>
</li>
<li>
<a target="_blank" href="http://amos1.taobao.com/msg.ww?v=2&uid=ugfrog&s=1"><img border="0" src="http://amos1.taobao.com/online.ww?v=2&uid=ugfrog&s=1" alt="点击这里给我发消息" /></a>
</li>
</ul>
</div>
<div class="bottom"></div>
</div>
</div>
<script>window.addEvent('domready', function() {$('siderIMchatStyle').inject($E('link'), 'before');$('siderIMchat_hiddenbar').addEvent('mouseover',function(){this.setStyle('display','none');$('siderIMchat_main').setStyle('display','block')});$('closeSiderIMchat').addEvent('click',function(){$('siderIMchat_main').setStyle('display','none');$('siderIMchat_hiddenbar').setStyle('display','block')}) ;siderIMchatsetGoTop();});function siderIMchatsetGoTop(){$('siderIMchat').tween('top',$E('body').getScroll().y+100)}window.addEvent('scroll',function(){siderIMchatsetGoTop();})</script>
<div style="font-size:1px;text-align:left;padding-left:-200px;">
<a href="http://www.ug-frog.com/" title="丑蛙（uF.studio） target="_blank">&nbsp;</a>
</div>
</body>
</html>

以上代码仅供参考、学习！

下载：online_qq.rar