如何用js显示一个3分钟的倒计时
想实现这样一个效果 在页面的某 区域内显示一个3分钟的倒计时 然后在输出一个指定的5位数 同时显示这个效果后不能影响页面的其他内容
展开
收起
1
条回答
写回答
写回答
-
把如下代码加入
区域中<SCRIPT LANGUAGE="JavaScript"> <!-- Begin // Take user here after session timed out timedouturl = "http://www.k688.com"; function Minutes(data) { for (var i = 0; i < data.length; i++) if (data.substring(i, i + 1) == ":") break; return (data.substring(0, i)); } function Seconds(data) { for (var i = 0; i < data.length; i++) if (data.substring(i, i + 1) == ":") break; return (data.substring(i + 1, data.length)); } function Display(min, sec) { var disp; if (min <= 9) disp = " 0"; else disp = " "; disp += min + ":"; if (sec <= 9) disp += "0" + sec; else disp += sec; return (disp); } function Down() { sec--; if (sec == -1) { sec = 59; min--; } document.timerform.clock.value = Display(min, sec); window.status = "Session will time out in: " + Display(min, sec); if (min == 0 && sec == 0) { alert("Your session has timed out."); window.location.href = timedouturl; } else down = setTimeout("Down()", 1000); } function timeIt() { min = 1 * Minutes(document.timerform.clock.value); sec = 0 + Seconds(document.timerform.clock.value); Down(); } // End --> </script> <center> <form name="timerform"> <input type="text" name="clock" size="7" value="2:00"> </form> </center>第二步：把
区域中的内容改为<body bgcolor="#fef4d9" OnLoad="timeIt()"> <a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>2019-07-17 19:07:36赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
