日期:2014-05-17  浏览次数:20454 次

做了倒计时功能,点击空格触发事件开始倒计时,为什么会延时个几秒,请帮忙看看
本帖最后由 nitaiyoucala 于 2014-02-21 08:44:23 编辑
做了倒计时功能,点击空格触发事件开始倒计时,为什么会延时个几秒,请帮忙看看
代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>倒计时</title>
    <style>
        .One {
            text-align: center;
            width: 100%;
            height: 100%;
            font-family: "微软雅黑";
            font-size: 280px;
            margin-top: 140px;
        }

        .red {
            color: red;
        }

        .black {
            color: black;
        }

        .contents {
            position: absolute;
            bottom: 5px;
            left: 5px;
            height: 30px;
            width: 396px;
        }

        .content {
            display: none;
        }
    </style>
    <script type="text/javascript" src="js/jquery1.7.1min.js"></script>

    <script type="text/javascript">

        maxtime = 0;
        function CountDown() {
            if (maxtime >= 0) {
                $("#timer").html(showTime(maxtime))
                if (maxtime == 3 * 60) {
                    $("#timer").css("color", "red")
                }
                maxtime = maxtime - 1;