码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-05-06 13:06:27      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

       <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); }

 

 

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

标签:

原文地址:http://www.cnblogs.com/ruqiufengye/p/4481368.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!