您的位置:首页 > Web前端 > HTML

html中插入其他html,并实现动态效果!

2017-02-04 17:00 148 查看
<html>
<body>
倒计时开始......
<span id="s1">888</span>      <!--在html中先做一个内容为888的span元素 -->

<script>                      <!--脚本定义开始 -->

var i=10;

function show()               <!--定义一个show函数 -->
{
if(i>0 || i==0)
{
s1.innerHTML = i--;         <!--innerHTML的作用是往上面的span元素原有位置再覆盖一段html代码或文本或内容,这里写入的是i的值 -->
setTimeout("show()",1000);  <!--通过setTimeout函数延时1000毫秒的方式再次调用本函数,实现延时效果 -->
}
else
alert("循环结束")
}

show();                       <!--调用show函数 -->

</script>                     <!--脚本结束 -->

</boty>
</html>


  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: