主站经典论坛家园作品品网维基桌面聚合

经典论坛 » 前台制作与脚本专栏 » 谁有控制10秒倒计时的ＪＳ代码！

打印

谁有控制10秒倒计时的ＪＳ代码！

huikof [楼主]

高级会员

帖子: 360
体力: 753
威望: 2
离线: 390 天

1^# 大中小发表于 2006-12-17 01:27

我想做一个页面，10秒后转向其它页。
想在网页中显示10秒的倒计时。谢谢了。
对ＪＳ不懂

http://shop34029167.taobao.com/

TOP

西部数码VPS主机1G内存仅266元

0daycn

中级会员

帖子: 88
体力: 245
威望: 0
离线: 48 天

2^# 大中小发表于 2006-12-17 02:43

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>counter</title>
<script language="javascript" type="text/JavaScript">
function Counter(nMax,nInterval)
{
this.maxTime=nMax;
this.interval=nInterval;
this.objId="timer";
this.obj=null;
this.num=this.maxTime;
this.timer=null;
this.start=function()
{ 
this.obj=document.getElementById(this.objId);
if(this.num>0) setTimeout(this.run,this.interval*1000);
};
this.run=function()
{
if(myCounter.num>0) 
{
myCounter.num--;
myCounter.obj.innerHTML=myCounter.num;
myCounter.timer=setTimeout(myCounter.run,myCounter.interval*1000);
}
else clearTimeout(myCounter.timer);
};
this.show=function()
{
document.write("<span id="+this.objId+">"+this.num+"</span>");
this.obj=document.getElementById(this.objId);
//alert(this.obj.innerHTML);
}
}
</script>
</head>
<body onload="myCounter.start();">
<script language="JavaScript" type="text/JavaScript">
var myCounter=new Counter(10,1);
</script>
<p>现在剩下
<script language="JavaScript" type="text/JavaScript">
myCounter.show();
</script>
秒钟!</p>

提示：您可以先修改部分代码再运行

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

biyuan

初级会员

帖子: 50
体力: 136
威望: 0
离线: 100 天

3^# 大中小发表于 2006-12-17 06:15

提示：您可以先修改部分代码再运行

TOP

认证您的手机，获得手机认证图标

，更多手机认证的好处

yaba

糖糖她ba

银牌会员

认证
帖子: 1384
体力: 1872
威望: 45
当前: 北京海淀区
离线: 1 天

4^# 大中小发表于 2006-12-17 10:38

介个～ CSDN上用到的，看出来会比较紧张一点

提示：您可以先修改部分代码再运行

当你能梦的时候就不要放弃梦

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

chongyang1014

中级会员

帖子: 163
体力: 408
威望: 0
离线: 544 天

5^# 大中小发表于 2006-12-17 11:36

不错，收藏了

★重阳工作室★

TOP

eyangjian

中级会员

帖子: 129
体力: 233
威望: 0
离线: 408 天

6^# 大中小发表于 2006-12-17 16:10

第三个代码做的有点不厚道

TOP

duluohua

月亮上的狗

银牌会员

帖子: 677
体力: 1232
威望: 0
当前: 江苏苏州
离线: 4 天

专长 前端制作,ASP,.NET

7^# 大中小发表于 2006-12-17 21:07

引用:

原帖由 eyangjian 于 2006-12-17 16:10 发表
第三个代码做的有点不厚道

什么意思啊？

TOP

esefei

阿飚

中级会员

帖子: 366
体力: 474
威望: 0
当前: 湖北武汉
离线: 9 天

专长 PHP,项目管理,市场

8^# 大中小发表于 2006-12-17 22:10

好东东~

TOP

okman0001

新手上路

帖子: 14
体力: 16
威望: 0
离线: 637 天

9^# 大中小发表于 2006-12-17 22:16

第三个跳到其它页面了

TOP

‹‹ 上一主题 | 下一主题 ››