html自动倒计时

作者&投稿:阴斩 (若有异议请与网页底部的电邮联系)
html怎么通过javascript写一个10秒倒计时~

window.onload = function(){ var i = 10; var timer = setInterval(function(){ if(i== -1){ clearInterval(timer); }else{ document.body.innerHTML = i; --i; } },1000); }








var time=new Date();
time.setHours(1);
time.setMinutes(30);
time.setSeconds(0);
var timeout;
var timeshow=document.getElementById("timeshow");
function countdown(){
var hour=time.getHours();
var min=time.getMinutes();
var second=time.getSeconds();
if(hour=="0"&&min=="0"&&second=="0"){alert("Time Out!");clearInterval(timeout);}
time.setSeconds(second-1);
hour<10?hour="0"+hour:hour;
min<10?min="0"+min:min;
second<10?second="0"+second:second;
timeshow.innerHTML=hour+":"+min+":"+second;
}
timeout= setInterval(countdown,1000);




初学菜鸟 编的不好请指教

你好!本身html标签语言是不能实现自动倒计时功能的,要配合JS来做特效才能真正达到这样的效果,我不知你要做哪种类型的倒计时特效,那我把一般页面跳转的JS特效发到这里,你看是否能够帮到你!
<html>
<head><title></title>
<script language='javascript' type='text/javascript'>
var secs =5; //倒计时的秒数
var URL ;
function Load(url){
URL =url;
for(var i=secs;i>=0;i--)
{
window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
}
}
function doUpdate(num)
{
document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到' ;
if(num == 0) { window.location=URL; }
}
</script>
</head>
<body>
<div id="ShowDiv"></div>
<script language="javascript">
Load("输入你要跳转的网址或文件"); //要跳转到的页面
</script>
</body>
</html>
希望我的回答能令你满意!

html做不了,可以在网上找javascript的倒计时源代码。

百度一下,你就知道


马鞍山市19599458006: html页面的倒计时代码....急求!!!! -
盈冯伤湿: AVA使用步骤: 1、将源代码直接另存为html 2、只能用IE浏览器打开.如果默认浏览器不是IE.可以右键点击Html文件,选择用IE打开 3、如果提示是否同意运行activex插件.请选择允许阻止的内容即可. 4、窗口化游戏模式下,切换游戏画面...

马鞍山市19599458006: 求一段html的倒计时代码! 如:离什么什么结束还有16小时35分30秒. 时间到了就显示什么什么已结束. -
盈冯伤湿: 18;} seconds = (grt - now) /TD>执行示例1 setInterval("TR>timeDate';span id="</ 24; 1000 /.getElementById(timeDate);&lt,times2<&lt:09;);TBODY> </:ID分别为timeDate;p&gt.getElementById(times);createtime(',times< + hnum;<示例2;p>TABLE...

马鞍山市19599458006: html页面嵌入倒计时器代码
盈冯伤湿: <body><SCRIPT language=javascript> <!-- //document.write(""); function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("5/01/2012 00:00:00");//这个日期是可以修改的 today=new Date(); timeold=...

马鞍山市19599458006: HTML 倒计时自动触发功能函数 -
盈冯伤湿: setTimeout(function(){document.getElementById("sub").click()},5000)

马鞍山市19599458006: 求写一段HTML代码,倒计时 -
盈冯伤湿: 给你个原理代码自己适当修改即可 <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; ...

马鞍山市19599458006: 求一个24小时的倒计时html代码 -
盈冯伤湿: <html><br><head><br><script language="javascript"><br> var a=new Array();<br> a[0]=24;<br> a[1]=0;<br> a[2]=0;<br> function jishi(){<br> if(a[2]>0){<br> a[2]--;<br> }else if(a[1]>0){<br> a[1]--;<br> a[2]=59;<br> }else if(a[0]>0){<br> a[0]--;<br> a[...

马鞍山市19599458006: 网页上有10秒倒计时,完了后就自动跳转到另一个网页上html代码?
盈冯伤湿: 用html代码的话就这样: <meta http-equiv="Refresh" content="10;URL= http://www.baidu.com"> 把它加到head标签下 但是不能实现倒计时效果,如果要实现倒计时的话就要用flash,或者javascript,我把带js的html代码发给你自己粘贴到记...

马鞍山市19599458006: html页面怎样获取服务器时间的倒计时(用什么方法都行,求详细代码),谢谢 -
盈冯伤湿: 这几天刚好接触thinkphp,如果你知道MVC模式,控制器(Action),页面模板(Tpl),js 的settimeout的话.可以回应我.我有思路:控制器获取一次服务器时间,返回前台页面($this->assign()),js根据这个时间倒计时.

马鞍山市19599458006: html每年多个日期循环倒计时系统 -
盈冯伤湿: <html><head><title>倒计时</title><body><script language=JavaScript> var now = new Date("11/26/2006 " + 10 + ":" + 30 + ":" + 30); function GetServerTime() { var urodz = new Date("11/30/2006 11:38:33"); now.setTime(now.getTime()...

马鞍山市19599458006: 定做一个倒计时代码 -
盈冯伤湿: 正解 给你个例子 自己改下时间就好 例:比如 2007年7月1日10时00分00秒 开始 到2007年9月18日11时00分00秒 倒计时代码 答:<html> <head> <title>倒计时</title> <body> <script language=JavaScript> var now = new Date("11/26/2006 " + ...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网