Untitled

<head>
    <title>Greetings, program!</title>
    <script src="/jquery-1.6.1.min.js"></script>
    <script src="/Socket.IO/dist/socket.io.min.js"></script>
    <script>
        var App = {};

        App.handle = undefined;

        App.start = function()
        {
            App.socket.send('ping');
            App.handle = setTimeout(App.start, 10000);
            App.$button.html('Stop');
        };

        App.stop = function()
        {
            App.handle = clearInterval(App.handle);
            App.$button.html('Start');
        };

        App.toggle = function()
        {
            if (App.handle === undefined)
                App.start()
            else
                App.stop();
        };

        $(document).ready(function() {
            App.socket = io.connect( '/echo.sock'
                                   , { "resource": "echo.sock"
                                     , "transports": ["xhr-polling"]
                                      }
                                    );
            App.socket.on('message', function (a,b,c) {
                console.log("got a message", a, b, c);
            });
            App.$messages = $('#messages');
            App.$button = $('button');
            App.$button.click(App.toggle);
        });
    </script>
</head>
<body>
    Greetings, program!<br />
    <button>Start</button>
    <div id="messages"></div>
</body>