Javascript实现sleep效果

最新推荐文章于 2024-05-06 15:16:12 发布

ptheus

最新推荐文章于 2024-05-06 15:16:12 发布

阅读量496

点赞数

文章标签： javascript xmlhttprequest function date button delay

本文介绍了一种使用JavaScript在客户端实现延时请求的方法。通过创建XMLHttpRequest对象或ActiveXObject来发送GET请求到指定的JSP页面，以此达到延时的效果。用户可以通过点击按钮触发这一过程，并设置具体的延时时间。

摘要由CSDN通过智能技术生成

Client：

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
 
<html locale="true">
<head>
<script type="text/javascript">
Util = function() {
    function getXRequest() {
        activeX = ['MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP']
        try {
            http = new XMLHttpRequest();
        } catch (e) {
            for (var i = 0; i < activeX.length; ++i) {
                try {
                    http = new ActiveXObject(activeX[i]);
                    break;
                } catch (e) {
                }
            }
        } finally {
            return http;
        }
    }
    return {
        sleep : function(sec) {
            xreq = getXRequest()
            startTime = new Date()
            while ((new Date().getTime() - startTime) < sec) {
                xreq.open('GET', '/hellowar/sleep.jsp', false);
                xreq.send(null);
            }
        }
    }
}()
</script>
</head>
<body bgcolor="white">
    <button οnclick="javascript:Util.sleep(10000);alert('Delay 10 Sec.')">click me</button>
</body>
</html>

Server:

<%@ page language="java" contentType="text/html;charset=UTF-8"%>
 
<html locale="true">
<head>
<script type="text/javascript">
Util = function() {
    function getXRequest() {
        activeX = ['MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP']
        try {
            http = new XMLHttpRequest();
        } catch (e) {
            for (var i = 0; i < activeX.length; ++i) {
                try {
                    http = new ActiveXObject(activeX[i]);
                    break;
                } catch (e) {
                }
            }
        } finally {
            return http;
        }
    }
    return {
        sleep : function(sec) {
            xreq = getXRequest()
            startTime = new Date()
            while ((new Date().getTime() - startTime) < sec) {
                xreq.open('GET', '/hellowar/sleep.jsp', false);
                xreq.send(null);
            }
        }
    }
}()
</script>
</head>
<body bgcolor="white">
    <button οnclick="javascript:Util.sleep(10000);alert('Delay 10 Sec.')">click me</button>
</body>
</html>

原文地址: http://www.blogjava.net/Ether/archive/2008/10/29/237485.html