javascript实现网页倒计时效果
程序员文章站
2022-10-25 16:34:58
一、HTML代码如下: 二、JavaScript代码如下: ......
一、html代码如下:
<div class="timer" id="timer"> <span style="color: black;">广告剩余:</span><span class="clock" style="color: red;">60</span><span style="color: black">秒</span> </div>
二、javascript代码如下:
<script type="text/javascript"> var t = 60; var time = document.getelementsbyclassname("clock")[0]; function time() { t--; time.innerhtml = t; if(t <= 0) { //隐藏该div document.getelementbyid("timer").style.display = "none"; clearinterval(inter); } } var inter = setinterval("time()", 1000); </script>