javascript实现网页倒计时效果
程序员文章站
2022-05-15 15:14:02
一、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>
上一篇: 乳清蛋白的作用居然是这些?
下一篇: jQuery(实例)
推荐阅读
-
js实现同一页面多个运动效果的方法_javascript技巧
-
JavaScript使用setInterval实现天数倒计时以及本地时间
-
js仿百度有啊通栏展示效果实现代码_javascript技巧
-
javascript实现拖放效果_javascript技巧
-
JS+Canvas 实现下雨下雪效果_javascript技巧
-
JavaScript中的星星评分效果的实现代码分享
-
使用原生javascript实现分页效果的代码实例
-
JavaScript实现防止网页被嵌入Frame框架的代码分享_javascript技巧
-
js 实现倒计时效果的实例代码分享
-
js实现点小图看大图效果的思路及示例代码_javascript技巧