您的位置：首页 > Web前端 > JavaScript

js timer

2015-07-06 16:10 489 查看 
<html><head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
img{
display: none;
}

div{
font-size: 200px;
color: red;
}
</style>
</head>
<body>
<img class="icon" src="img/thy.jpg" style="display: inline-block;">
<div class="time" style="display: none;">0</div>

<script>

var timer = setInterval(function(){
var div = document.getElementsByClassName('time')[0];
div.innerHTML = div.innerHTML - 1;
if(div.innerHTML == '0'){
// 清除计时器
clearInterval(timer);
// 隐藏div
div.style.display = 'none';
// 显示图片
var img = document.getElementsByClassName('icon')[0];
img.style.display = 'inline-block';

}
}, 1000);

</script>

</body></html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航