html 10秒 倒计时 (已实现)

script 的倒计时参考内容
1、可以直接以提示框的形式输出 
     alert("输出的内容");
2、可以输出到网页的某个位置
      1、在显示输出的位置放一个标签<a id="out"></a>
      2、根据id获取到标签a:var out=document.getElementById('out');
      3、设置输出的值:out.innerHTML="输出的值";
script  一般是写在 <head><head/>之间的


具体实现代码


  <script type="text/javascript">

        window.onload = function(){

            var i = 10;

var out=document.getElementById('out'); 
 //得到id 为out  的值的对象

            var timer = setInterval(function(){

//setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

                if(i== -1){

                    clearInterval(timer);//clearInterval() 方法可取消由 setInterval() 设置的 timeout。

document.write("时间到");


                }else{

                    //document.body.innerHTML = i
;
out.innerHTML=i+"秒";


                    --i;

                }

            },1000);

 
        }

    </script>



在下面的<body></body>之间加上这句话


<a id="out"></a>

版权声明:本文为qq_28173033原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。