当前位置：特效代码站 > 时间日期 > 正文

手表样式的时间特效代码

来源：www.texiao.org.cn作者：佚名时间：08-02-19 点击：

<SCRIPT language=JavaScript>
var clipTop=0
var clipBottom=clipTop+60
var clipLeft
var clipRight
var isNS
if (document.layers) { (isNS=true) }
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
var imgSeconds
var imgMinutes
var imgHours
var imgClock
var textDate
var textDay
var textLink
var clipHours=""
var clipMinutes=""
var clipSeconds=""
var startLeft=-5
var startTop=85
var tunePosHour =-2
function initObjects() {
        if (document.all) {
                imgSeconds = document.all.imgSeconds.style
                imgMinutes = document.all.imgMinutes.style
                imgHours = document.all.imgHours.style
                imgClock = document.all.imgClock.style
                textDate = document.all.textDate.style
                textDay = document.all.textDay.style
                textLink = document.all.textLink.style
                startLeft=-5
                startTop=85
                imgHours.posTop=startTop
                imgMinutes.posTop=startTop
                imgSeconds.posTop=startTop
                textDate.posTop = 109
                textDate.posLeft = 86
                textDay.posTop = 109
                textDay.posLeft = 41
                textLink.posTop = 190
                textLink.posLeft = -9
                imgSeconds.visibility=VISIBLE
                imgMinutes.visibility=VISIBLE
                imgHours.visibility=VISIBLE
                imgClock.visibility=VISIBLE
                textDate.visibility=VISIBLE
                textDay.visibility=VISIBLE
                textLink.visibility=VISIBLE
                tickIE()
        }
        if (document.layers) {
                imgSeconds = document.imgSeconds
                imgMinutes = document.imgMinutes
                imgHours = document.imgHours
                imgClock = document.imgClock
                textDate = document.textDate
                textDay = document.textDay
                textLink = document.textLink
                startLeft=-3
                startTop=78
                imgHours.top=startTop
                imgMinutes.top=startTop
                imgSeconds.top=startTop
                textDate.top = 102
                textDate.left = 85
                textDay.top = 102
            textDay.left = 40
                textLink.top = 190
                textLink.left = -10
                imgSeconds.visibility=VISIBLE
                imgMinutes.visibility=VISIBLE
                imgHours.visibility=VISIBLE
                imgClock.visibility=VISIBLE
                textDate.visibility=VISIBLE
                textDay.visibility=VISIBLE
                textLink.visibility=VISIBLE
                tickNS()
        }
}
function tickIE() {
        var now = new Date()
        var nowHours = now.getHours()
        var nowMinutes = now.getMinutes()
        var nowSeconds = now.getSeconds()
        if (nowHours >= 12) {nowHours=nowHours-12}
        imgHours.posLeft=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour)
        clipLeft = -(imgHours.posLeft)+30
        clipRight= clipLeft+60
        clipHours ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
        imgHours.clip=clipHours
        imgMinutes.posLeft=-((nowMinutes)*60+startLeft)
        clipLeft = -(imgMinutes.posLeft)+30
        clipRight= clipLeft+60
        clipMinutes ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
        imgMinutes.clip=clipMinutes
        imgSeconds.posLeft=-((nowSeconds)*60+startLeft)
        clipLeft = -(imgSeconds.posLeft)+35
        clipRight= clipLeft+60
        clipSeconds ="rect("+clipTop+" "+clipRight+" "+clipBottom+" "+clipLeft+")"
        imgSeconds.clip=clipSeconds
        var runClock = setTimeout("tickIE()", 100);
}
function tickNS() {
        var now = new Date()
        var nowHours = now.getHours()
        var nowMinutes = now.getMinutes()
        var nowSeconds = now.getSeconds()
        if (nowHours >= 12) {nowHours=nowHours-12}
        imgHours.left=-(nowHours*60*5+((Math.round(nowMinutes/12))*60)+startLeft+tunePosHour+2)
        clipLeft = -(imgHours.left)+30
        clipRight= clipLeft+60
        imgHours.clip.left = clipLeft
        imgHours.clip.right = clipRight
        imgHours.clip.top = clipTop
        imgHours.clip.bottom = clipBottom
        imgMinutes.left=-((nowMinutes)*60+startLeft)
        clipLeft = -(imgMinutes.left)+30
        clipRight= clipLeft+60
        imgMinutes.clip.left = clipLeft
        imgMinutes.clip.right = clipRight
        imgMinutes.clip.top = clipTop
        imgMinutes.clip.bottom = clipBottom
        imgSeconds.left=-((nowSeconds)*60+startLeft)
        clipLeft = -(imgSeconds.left)+35
        clipRight= clipLeft+60
        imgSeconds.clip.left = clipLeft
        imgSeconds.clip.right = clipRight
        imgSeconds.clip.top = clipTop
        imgSeconds.clip.bottom = clipBottom
        var runClock = setTimeout("tickNS()", 100);
}
</SCRIPT>
<p><style type="text/css">

.imgall {
	VISIBILITY: hidden; POSITION: absolute
}</style></p>
<div class="imgall" id="imgClock"><img height="200" alt="" width="110" src="/UploadFile/200802/19/76214232578.jpg" /></div>
<SCRIPT language=JavaScript>
        var heute = new Date()
        var wochentag = heute.getDay()
        var heuteDatum = heute.getDate()
        if (wochentag==0) { wochentag = "SAM" }
        else if (wochentag==1) { wochentag = "MON" }
        else if (wochentag==2) { wochentag = "TUE" }
        else if (wochentag==3) { wochentag = "WED" }
        else if (wochentag==4) { wochentag = "THU" }
        else if (wochentag==5) { wochentag = "FRI" }
        else if (wochentag==6) { wochentag = "SUN" }
        document.write('<DIV ID = "textDate" CLASS = "imgall"><font size=1>'+heuteDatum+'</font></DIV>')
        document.write('<DIV ID = "textDay" CLASS = "imgall"><font size=1>'+wochentag+'</font></DIV>')
</SCRIPT><SCRIPT type="text/javascript" src=""></SCRIPT><SCRIPT language="JavaScript">
 
</SCRIPT>
<div class="imgall" id="imgHours"><img height="60" alt="" width="3620" src="/UploadFile/200802/19/FB214232615.gif" /></div>
<div class="imgall" id="imgMinutes"><img height="60" alt="" width="3620" src="/UploadFile/200802/19/22214233705.gif" /></div>
<div class="imgall" id="imgSeconds"><img height="60" alt="" width="3620" src="/UploadFile/200802/19/A7214233188.gif" /></div>
<div class="imgall" id="textLink"> </div>

<p><font color="#ff0000">
<p>特效代码站提供 <a href="http://www.texiao.org.cn">www.texiao.org.cn</a> 手表样式的时间特效代码</p>
</font></p>
</body>
</html>
</p>

[标签: 手表, 样式, 时间特效, 代码] [打印] [关闭]

上一篇：超酷的农历时间日期代码下一篇：非常漂亮的时间特效

当前位置：特效代码站 > 时间日期 > 正文

手表样式的时间特效代码

本类最新

本类热门

相关代码

经典推荐

热门关注