下面的代码我在经过一段时间后隐藏了一张图片。
<div id = "imageDiv">
<img src="../images/banner.jpg" />
</div>
<script type="text/javascript">
function hideImage() {
var elementRef = document.getElementById("imageDiv");
elementRef.style.display = 'none';
}
function windowOnLoad() {
var timerInterval = 3000;
window.setTimeout('hideImage()', timerInterval);
}
window.onload = windowOnLoad;
</script>
并且,以下代码是显示的倒计时器。
<script type="text/javascript">
function countDown(sec, elem) {
var element = document.getElementById(elem);
element.innerHTML = "Time left: " + sec + " seconds";
if (sec < 1) {
clearTimeout(timer); //clear timeout
element.innerHTML = 'Time is up!';
}
sec--;
var timer = setTimeout('countDown(' + sec + ', "' + elem + '")', 1000);
}
</script>
<div id="status" style="font-family: 'Segoe UI Light'; color: #FFFFFF"></div>
<script type="text/javascript">
countDown(30, "status");
</script>
有没有办法将这两个javascript函数合并为一个,并在计时器倒计时后显示想象?