js特效－－时间

来源：互连网 作者：佚名 时间：2005-10-24 Tag： 点击：

　　5．纯钟

<br />
<SCRIPT language=javascript><br />
pX=400;pY=200<br />
obs = new Array(13)<br />
function ob () {<br />
for (i=0; i<13; i++) {<br />
        if (document.all) obs[i]=new Array (eval('ob'+i).style,-100,-100)<br />
        else obs[i] = new Array (eval('document.ob'+i),-100,-100)<br />
        }<br />
}<br />
function cl(a,b,c){<br />
        if (document.all) {<br />
                if (a!=0) b+=-1<br />
                eval('c'+a+'.style.pixelTop='+(pY+(c)))<br />
                eval('c'+a+'.style.pixelLeft='+(pX+(b)))<br />
                }<br />
else{<br />
        if (a!=0) b+=10<br />
        eval('document.c'+a+'.top='+(pY+(c)))<br />
        eval('document.c'+a+'.left='+(pX+(b)))<br />
}<br />
if (document.all) c0.style.pixelLeft=26<br />
}<br />
function runClock() {<br />
        for (i=0; i<13; i++) {<br />
                obs[i][0].left=obs[i][1]+pX<br />
                obs[i][0].top=obs[i][2]+pY<br />
        }<br />
}<br />
<br />
<br />
var lastsec<br />
function timer() {<br />
        time = new Date ()<br />
        sec = time.getSeconds()<br />
        if (sec!=lastsec) {<br />
                lastsec = sec<br />
                sec=Math.PI*sec/30<br />
                min=Math.PI*time.getMinutes()/30<br />
                hr =Math.PI*((time.getHours()*60)+time.getMinutes())/360<br />
                for (i=1;i<6;i++) {<br />
                        obs[i][1] = Math.sin(sec) * (44 - (i-1)*11)-16;<br />
                        if (document.layers)obs[i][1]+=10;<br />
                        obs[i][2] = -Math.cos(sec) * (44 - (i-1)*11)-27;<br />
                }<br />
                for (i=6;i<10;i++) {<br />
                        obs[i][1] = Math.sin(min) * (40 - (i-6)*10)-16;<br />
                        if (document.layers)obs[i][1]+=10;<br />
                        obs[i][2] = -Math.cos(min) * (40 - (i-6)*10)-27;<br />
                }<br />
                for (i=10;i<13;i++) {<br />
                        obs[i][1] = Math.sin(hr) * (37 - (i-10)*11)-16;<br />
                        if (document.layers)obs[i][1]+=10;<br />
                        obs[i][2] = -Math.cos(hr) * (37 - (i-10)*11)-27;<br />
                }<br />
        }<br />
}<br />
function setNum(){<br />
cl (0,-67,-65);<br />
cl (1,10,-51);<br />
cl (2,28,-33);<br />
cl (3,35,-8);<br />
cl (4,28,17);<br />
cl (5,10,35);<br />
cl (6,-15,42);<br />
cl (7,-40,35);<br />
cl (8,-58,17);<br />
cl (9,-65,-8);<br />
cl (10,-58,-33);<br />
cl (11,-40,-51);<br />
cl (12,-16,-56);<br />
}<br />
</SCRIPT><br />
<br />
   <br />
        <b>1</b><br />
        <b>2</b><br />
        <b>3</b><br />
        <b>4</b><br />
        <b>5</b><br />
        <b>6</b><br />
        <b>7</b><br />
        <b>8</b><br />
        <b>9</b><br />
        <b>10</b><br />
        <b>11</b><br />
        <b>12</b><br />
          <br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
         <b>.</b><br />
<body onLoad="ob(),setNum(),setInterval('timer()',100);setInterval('runClock()',100)"><br />

　　6．时间显示

<br />
<br />
<body onload="setInterval('t1.innerText=new Date().toLocaleString()',1000)"><br />
<span id="t1">1秒后变成时间 
                
            <br />
			
            </div>
            <div class="cupage">
				
             </div>
			
			<div class="actbar">
				<span>[<a href="/plus/stow.php?arcID=26756">收藏</a>]</span>
				<span>[<a href="/plus/recommend.php?arcID=26756">推荐</a>]</span>
				<span>[<a href="/plus/feedback.php?arcID=26756">评论</a>]</span>
				<span>[<a href="#" onClick="window.print();">打印</a>]</span>
				<span>[<a href="#" onClick="window.close();">关闭</a>]</span>
			</div>

<div style="float:left; margin-left:20px;">
                    上一篇：<a href='/web-art/fuwuqi/20051024/26755.html'>SQL注入漏洞全接触</a> 
                    <br />
                    下一篇：<a href='/web-art/fuwuqi/20051024/26757.html'>网站设计的思考</a> 
                </div>

</div>

</div>
		
		<div class="comment">
			
			<div class="commenttitle">
				<div class="title"><strong>最新评论</strong>共有 0 位网友发表了评论 </div>
				<div class="gotopost"><a href="/plus/feedback.php?arcID=26756">查看所有评论</a></div>
			</div>
			
			<div class="commentbox">
				<script src="/plus/feedback_js.php?arcID=26756"></script>
			</div>
			
			<div class="posttitle"><strong>发表评论</strong></div>
			
            <form action="/plus/feedback.php?action=send" method="post" name="feedback">
			<input type="hidden" name="arcID" value="26756">
			<div class="postbox">
				<div class="txtbox">
					<strong>评论内容：</strong>不能超过250字，需审核，请自觉遵守互联网相关政策法规。
					<textarea name="msg" cols="60" rows="6">

用户名： 密码：

匿名?