如何使用.aspx.cs文件在asp c#中执行倒数计时器?

时间:2017-09-26 03:23:18

标签: javascript c# asp.net timer countdown

下面的代码我在经过一段时间后隐藏了一张图片。

<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函数合并为一个,并在计时器倒计时后显示想象?

0 个答案:

没有答案