html 10秒倒计时（已实现）

最新推荐文章于 2023-04-22 08:57:34 发布

山海1925488467

最新推荐文章于 2023-04-22 08:57:34 发布

阅读量8.1k

点赞数 2

分类专栏： PHP 学习文章标签： html 倒计时

本文链接：https://blog.csdn.net/qq_28173033/article/details/52699732

版权

PHP 学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

script 的倒计时参考内容

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

script 一般是写在 <head><head/>之间的

具体实现代码

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>之间加上这句话

山海1925488467

关注

2
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
html 10秒倒计时（已实现）

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

扫一扫