网页-实时倒计时

来源：互联网发布：医生开处方软件编辑：程序博客网时间：2024/05/16 18:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
    <title>实时倒计时</title>
    <meta http-equiv="content-Type" content="text/html;charset=gb2312" />
</head>
<body>
    <input type="text" id='iniTime' value='10' />（单位：秒）
    <input type="button" onclick="CalDecTime();" value="开始" />
    <p>
        剩余时间：<span id="endtime">10</span></p>
    <script type="text/javascript">
        var CID = "endtime";
        var iTime = 0;
        if (window.CID != null) {
            iTime = parseInt(document.getElementById("iniTime").value);
            RemainTime();
        }

        function CalDecTime() {
            iTime = parseInt(document.getElementById("iniTime").value);
            RemainTime();
        }

//倒计时计算
        function RemainTime() {
            var iDay, iHour, iMinute, iSecond;
            var sDay = "", sHour = "", sMinute = "", sSecond = "", sTime = "";
            if (iTime >= 0) {
                iDay = parseInt(iTime / 24 / 3600);
                if (iDay > 0) {
                    sDay = iDay + "天";
                }
                else {
                    sDay = "0天";
                }
                iHour = parseInt((iTime / 3600) % 24);
                if (iHour > 0) {
                    sHour = iHour + "小时";
                }
                else {
                    sHour = "0小时";
                }
                iMinute = parseInt((iTime / 60) % 60);
                if (iMinute > 0) {
                    sMinute = iMinute + "分钟";
                }
                else {
                    sMinute = "0分钟";
                }
                iSecond = parseInt(iTime % 60);
                if (iSecond >= 0) {
                    sSecond = iSecond + "秒";
                }
                else {
                    sSecond = "0秒";
                }
                //显示时间
                sTime = "<span style='color:darkorange'>" + sDay + sHour + sMinute + sSecond + "</font>";

                //时间减一秒
                iTime = iTime - 1;

                //计算下一秒时间
                setTimeout("RemainTime()", 1000);
            }
            else {
                sTime = "<span style='color:red'>倒计时结束！</span>";
            }
            document.getElementById(CID).innerHTML = sTime;
        }
    </script>
</body>
</html>

0 0