带有Checkbox和Select的自动刷新_JQuery实现

最新推荐文章于 2024-06-26 13:31:23 发布

weixin_30703911

最新推荐文章于 2024-06-26 13:31:23 发布

阅读量163

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ruqiufengye/p/4481368.html

版权

　　　　　　　<div id="showRefresh" class="row">
                <label class="col-sm-6"><input type="checkbox" id="autoRefresh" />自动刷新</label>
                <div class="col-sm-4">
                <select class="form-control input-sm" id="selectTime">   
                    <option value="0"></option>      
                    <option value="1">5</option>      
                    <option value="2">10</option>
                    <option value="3">30</option>
                    <option value="4">60</option>
                    <option value="5">120</option>
                    <option value="6">300</option>
                </select>
                </div>
                <label class="col-sm-2">秒</label>
            </div>

效果图：

选中自动刷新，再从下拉框中选择刷新的间隔时间，从而自动完成刷新功能。

JS代码如下：

    $(document).ready(function () {
        $("#autoRefresh").click(function () {
            $("#selectTime").change(function () {
                var checkText = $("#selectTime").find("option:selected").text();
//                setTimeout('Refresh()', 1000 * checkText);
                setInterval("Refresh()", 1000 * checkText);
            });
        });
    });
    function Refresh() {
//        window.location.reload();
        window.location.replace(location);
    }