首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 一个倒数效果 [已结帖,结帖人:boystone]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • boystone
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    • 结帖率:
    发表于:2008-04-15 11:48:44 楼主
    在阅读注册条款时,在确定button上,怎么做成倒数后多少秒激活。
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • dada20042030
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    • 2

    发表于:2008-04-15 11:51:261楼 得分:0
    这个用js来做的..
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • dada20042030
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    • 2

    发表于:2008-04-15 11:53:472楼 得分:1
    如果不要效果的话,可以这样
    PHP code
    <meta http-equiv="refresh" content="2;URL=http://www.test.net">
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • boystone
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 12:02:023楼 得分:0
    怎么接上button呢。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • yangyu112654374
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 12:08:114楼 得分:3
    这个问题应该发到JavaScript版
    <html>
    <head>
    <title> </title>
    <SCRIPT language=javascript>
    <!--
    var secs = 10;
    document.form1.mybutton.value = "请稍等 (" + secs +" 秒后继续)";

    function update(num) {
    if(num == secs) {
    document.form1.mybutton.value =" 我 同 意 ";
    document.form1.mybutton.disabled=false;
    }
    else {
    printnr = secs-num;
    document.form1.mybutton.value = "请稍等 (" + printnr +" 秒后继续)";
    }
    }

    function Go()
    {
    document.form1.mybutton.disabled=true;
    for(i=1;i <=secs;i++) {
    window.setTimeout("update(" + i + ")", i * 1000);
    }
    }
    -->
    </SCRIPT>
    </head>
    <body onload="Go()">
    <form name="form1">
    <input type="button" name="mybutton" value="请稍等 (10秒后继续)">
    </form>
    </body>
    </html>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • SysTem128
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 13:01:035楼 得分:6
    [JavaScript]计数器(倒数)
    http://blog.csdn.net/SysTem128/archive/2008/04/15/2293526.aspx
    HTML code
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script type="text/javascript"> /** * 计数器(倒数) * @author MoXie SysTem128@GMail.Com * * IE6,7 Firefox2.0 Opera 9.25 测试通过 **/ var timer = { // 元素id elId : null, // outTime : null, // 初始文本 text : null, // 技术文本格式 countFormat : null, // 当前数 current : 0, // 获取操作对象 getEl : function(){ return document.getElementById(this.elId); }, // 计数 counter : function(){ this.current--; if (this.current>0){ this.writer(1); }else if (this.current == 0){ this.writer(0); this.onEnd(); } return true; }, // 显示 writer : function(isCount){ var el = this.getEl(); if (!isCount) { el.value = this.text; }else{ var counterText = this.countFormat.replace("$count",this.current); el.value = this.text+counterText; } }, // 起始时触发的动作 onStart : function(){}, // 中止时触发的动作 onEnd : function(){}, // 初始化 /** * elId 元素id * text 初始文本 * outTime 个数 * speed 速度 1000 = 1秒 * countFormat 计数显示格式 嵌入数字使用 $count * onStart 起始 动作 * onEnd 结束 动作 **/ init : function(elId,text,outTime,speed,countFormat,onStart,onEnd) { this.elId = elId; this.text = text; this.current = outTime+1; this.countFormat = countFormat; if (typeof(onStart) == "function") { this.onStart = onStart; onStart(); } if (typeof(onEnd) == "function") { this.onEnd = onEnd; } window.setInterval("timer.counter()",speed); } } // 这里留为自定义 var myStart = function(){ var el =document.getElementById("submitBtn").setAttribute("disabled",true); alert("Hello!"); } var myEnd = function(){ document.getElementById("submitBtn").removeAttribute("disabled") alert("Goodbye!"); } </script> <input type="submit" id="submitBtn" value="确认" /> <script type="text/javascript"> /** * elId 元素id * text 初始文本 * outTime 个数 * speed 速度 1000 = 1秒 * countFormat 计数显示格式 嵌入数字使用 $count * onStart 起始 动作 * onEnd 结束 动作 **/ timer.init("submitBtn","确认",2,500,"($count)",myStart,myEnd); </script>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • kissweb
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 13:07:486楼 得分:0
    倒数计时的
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • wanglinmingtina
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 14:59:257楼 得分:3
    <div id="rule_button"> </div>

    <script type="text/javascript">
    var secs = 9;
    var wait = secs * 1000;

    document.getElementById("rule_button").innerHTML = "条款 (" + secs + ")";
    for(i = 1; i <= secs; i++) {
    window.setTimeout("update(" + i + ")", i * 1000);
    }
    window.setTimeout("timer()", wait);
    function update(num, value) {
    if(num == (wait/1000)) {
    document.getElementById("rule_button").innerHTML = "条款";
    } else {
    printnr = (wait / 1000) - num;
    document.getElementById("rule_button").innerHTML = "条款(" + printnr + ")";
    }
    }
    function timer() {
    document.getElementById("rule_button").innerHTML = ' <button type="submit" id="rulesubmit" name="rulesubmit" value="true">同意 </button> &nbsp; <button type="button" onclick="location.href=\'$boardurl\'">反对 </button>';
    }
    </script>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • overtake1984
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    发表于:2008-04-15 15:06:438楼 得分:0
    2楼的是2秒自动跳转~
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • foolbirdflyfirst
    • 等级:
    • 可用分等级:
    • 总技术分:
    • 总技术分排名:
    • 2

      4

      3

    发表于:2008-04-15 18:03:049楼 得分:7
    HTML code
    <html> <head> </head> <body> <input type="button" name="btn" id="btn" value="" style="width:100px" disabled > </body> <script type="text/javascript"> var i = 10; var s = 1000; (function countDown() { var btn = document.getElementById('btn'); if(i != 1) { btn.value="click("+i+")"; i--; } else { btn.value="click"; btn.disabled = false; return; } setTimeout(function(){countDown()},s);// })(); </script> </html>
    修改 删除 举报 引用 回复