<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); }
时间: 2024-10-26 11:32:45