html中插入其餘html，並實現動態效果！

時間 2019-11-08

標籤 html 插入其餘實現動態效果欄目 HTML 简体版

原文原文鏈接

<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>

相關標籤/搜索

html+css+javascript+html