首页 > Web开发 > 详细

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

时间:2015-05-06 13:05:36      阅读:301      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!