Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

小巧的“倒记时”插件!

[复制链接]
tonyshoo2001 发表于 2005-5-10 12:17:18 | 显示全部楼层 |阅读模式
小巧的“倒记时”插件!
为了方便偶论坛的四六级斑块的及时性

就想法弄了个“离四六级还有多少天“ 的倒记时的插件,看的还比较 美观大方:)

安装难度:超级简单
修改文件:模板管理页面的index.htm代码区
------------------------------效果参考----------------------------
http://dogo.zj.com
我的站点:蓝斑狗狗

------------------------------安装过程----------------------------
1.在index.htm模板中插入如下代码:
<script language="JavaScript">
window.onload = clock;
//以下为设定时间倒记时的代码,其中var Tday = new Date("Jun 17, 2005 23:59:59")为目标时间
var DifferenceHour = -1
var DifferenceMinute = -1
var DifferenceSecond = -1
var Tday = new Date("Jun 17, 2005 23:59:59")
var daysms = 24 * 60 * 60 * 1000
var hoursms = 60 * 60 * 1000
var Secondms = 60 * 1000
var microsecond = 1000

function clock()
{
var time = new Date()
var hour = time.getHours()
var minute = time.getMinutes()
var second = time.getSeconds()
var timevalue = ""+((hour > 12) ? hour-12:hour)
timevalue +=((minute < 10) ? ":0":":")+minute
timevalue +=((second < 10) ? ":0":":")+second
timevalue +=((hour >12 ) ? " PM":" AM")
// document.formnow.now.value = timevalue
var convertHour = DifferenceHour
var convertMinute = DifferenceMinute
var convertSecond = DifferenceSecond
var Diffms = Tday.getTime() - time.getTime()
DifferenceHour = Math.floor(Diffms / daysms)
Diffms -= DifferenceHour * daysms
DifferenceMinute = Math.floor(Diffms / hoursms)
Diffms -= DifferenceMinute * hoursms
DifferenceSecond = Math.floor(Diffms / Secondms)
Diffms -= DifferenceSecond * Secondms
var dSecs = Math.floor(Diffms / microsecond)
if(convertHour != DifferenceHour) document.formnow.dd.value=DifferenceHour
if(convertMinute != DifferenceMinute) document.formnow.hh.value=DifferenceMinute
if(convertSecond != DifferenceSecond) document.formnow.mm.value=DifferenceSecond
document.formnow.ss.value=dSecs
// document.formnow.Tnow.value= DifferenceHour DifferenceMinute + DifferenceSecond + dSecs
setTimeout("clock()",1000)
}
// end hiding -->

</script>

//这段主要是产生一个层,不过还没有和分辨率相协调,高手可以指导改良

<script language="JavaScript1.2">
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
var dragapproved=false
function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}

function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}
</script>
<div id="showimage" style="position: absolute; width: 250; left: 350; top: 160; height: 48">

<table border="0" width="250" bgcolor="#6D93C8" cellspacing="0" cellpadding="2">
  <tr>
    <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
    height="36">
      <tr>
        <td onMousedown="initializedragie()" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0"><font color="#FFFFFF">
蓝斑狗狗友情提醒:距四六级仅剩
</font></layer></ilayer></td><td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="images\close.gif" width="16"
        height="14" border=0></a></td>
      </tr>
      <tr>
        <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<form name="formnow">
<input type="text" name="dd" size=2> 天
<input type="text" name="hh" size=2> 時
<input type="text" name="mm" size=2> 分
<input type="text" name="ss" size=2> 秒!
</a>
</td></tr></table></td></tr></table> </div>

[ Last edited by tonyshoo2001 on 2005-5-14 at 20:20 ]
PerfectWorks 发表于 2005-5-10 12:20:20 | 显示全部楼层
沙发抢了
回复

使用道具 举报

oytktk 发表于 2005-5-10 12:34:33 | 显示全部楼层
看到楼主的论坛...把版权全改了....~~~~~`这点~~汗~
回复

使用道具 举报

freddy 发表于 2005-5-10 13:25:41 | 显示全部楼层
不错!支持楼主!
回复

使用道具 举报

FOXDATA 发表于 2005-5-12 19:49:46 | 显示全部楼层
已经收藏
回复

使用道具 举报

PerfectWorks 发表于 2005-5-12 19:54:56 | 显示全部楼层
改版权可是不道德的……

[ Last edited by 文文の封印 on 2005-5-12 at 21:20 ]
回复

使用道具 举报

第5季 发表于 2005-5-12 19:59:15 | 显示全部楼层
支持楼主。
回复

使用道具 举报

xinxing365ah 发表于 2005-5-13 13:16:40 | 显示全部楼层
很不错哦!
收藏!
回复

使用道具 举报

暗之天使 发表于 2005-6-28 16:31:45 | 显示全部楼层
楼主,四六级一年两次啊
能不能智能点,让它自己变啊
回复

使用道具 举报

boyboys 发表于 2005-6-28 20:05:19 | 显示全部楼层
都是精品啊,留下了!!!谢谢楼主
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-22 02:51 , Processed in 0.030757 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表