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

       <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

带有Checkbox和Select的自动刷新_JQuery实现的相关文章

推荐开发工具系列之--PyF5(自动刷新)

昨天介绍的自动刷新的软件 推荐开发工具系列之--LinrF5(自动刷新)已经是很靠谱了:今天再介绍一款软件,同样靠谱:萝卜白菜各有所爱,看喜欢那种就用那种: 首先下载软件:http://pan.baidu.com/s/1bnttBTt 解压后双击f5.exe即可使用:绿色不用安装:然后复制项目的路径:按下面的截图输入后点击项目: 接着改文件看看效果: 支持Firefox,IE,各种手机浏览器哦,一个F5,所有客户端环境都能搞定,不需要像livereload一样装插件,F5自身就能支持带有服务器技

SQL实现类似于自动刷新数据的功能

原文:SQL实现类似于自动刷新数据的功能 有时需要在SQL中,定时刷新某张表,比如说是要定时查询某张表的行数,通常做法就是手动的按F5去执行来刷新数据.但是如果这个定时查询历时较长,10分钟,或半小时,手动的话肯定是要崩溃了.貌似SQL没有像应用程序自动刷新的功能,可能是我还不知道有这样的功能,于是就写了一个类似自动刷新数据的脚本,需要手动中止程序的运行,当然也可能写个条件,自动结束语句的执行. 代码: 1 USE AdventureWorks2008R2 2 GO 3 4 WHILE 1=1

C# 隔一段时间自动刷新弹框(医院病人超时提醒)

做一个简单的弹框提醒,这里需要用到线程,那什么是线程,我百度了一下,大概是这个意思: 通过System.Threading.Thread类可以开始新的线程,并在线程堆栈中运行静态或实例方法.可以通过Thread类的的构造方法传递一个无参数,并且不返回值(返回void)的委托(ThreadStart),这个委托的定义如下: [ComVisibleAttribute(true)] public delegate void ThreadStart() 我自己也不是特别懂,想了解的话建议直接百度. 今天

WPF 的命令的自动刷新时机——当你 CanExecute 会返回 true 但命令依旧不可用时可能是这些原因

原文:WPF 的命令的自动刷新时机--当你 CanExecute 会返回 true 但命令依旧不可用时可能是这些原因 在 WPF 中,你可以使用 Command="{Binding WalterlvCommand}" 的方式来让 XAML 中的一个按钮或其他控件绑定一个命令.这样,按钮的可用性会自动根据 WalterlvCommand 当前 CanExecute 的状态来改变.这本是一个非常智能的特性,直到你可能发现你按钮的可用性状态不正确-- 本文介绍默认情况下,WPF 在 UI 上

Android ExpandableListView 带有Checkbox的简单应用

expandablelistview2_groups.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height=&qu

【webpack】-- 自动刷新

前端需要频繁的修改js和样式,且需要根据浏览器的页面效果不断的做调整:而且往往我们的开发目录和本地发布目录不是同一个,修改之后需要发布一下:另外一点就是并不是所有的效果都可以直接双击页面就能看到,我们常常需要在本地用nginx建一个站点来观察(自己电脑上ok了才放到测试环境去).所以如果要用手工刷新浏览器和手动(或点击)发布,还要启动站点,确实是个不小的体力活.而这三点webpack可以帮我们做到. webpack-dev-server webpack是通过webpack-dev-server(

html meta 自动刷新

<meta http-equiv="refresh" content="2" url="/"> 自动刷新,相比js实现更加简单粗暴.自动刷新在前端开发时候可以接近实时“即改即见”,提高了开发效率. 附js实现: setTimeout(function(){                location.reload();            },2000);

Notepad++自动刷新文本

现在的日志信息往往都是打印在硬盘上,而不是保存到线上,所以我们常常会使用notepad++来查看硬盘上的文本文件 这时往往会出现两个问题 (1)在notepad++长时间最小化后,再次打开会提示是否下载最新文件,一不小心点错,可能就要下载好半天 (2)当我们用notepad++查看日志时,查看的日志可以说是打开瞬间文本的快照,并不会因为后台流写入而自动刷新,所以每次需要看最新的日志时都要关掉再重新打开,如果有多个日志要同时查看时就非常麻烦. 此处介绍一种方法,可以实时的刷新notepad++中打

jekyll+livereload+chrome插件-更新文件后自动刷新

2014-08-27 本文不保证成功,window系统会出现各种问题,如若不成功,请直接用livereload的window版,解决,详细可以查看livereload下载对应版本操作,比较傻瓜式: 以下主要介绍的是命令行配置的方式: jekyll+livereload更新后自动刷新,老外的教程,先看看: http://dan.doezema.com/2014/01/setting-up-livereload-with-jekyll/ 1.安装guard-jekyll-plus 时会出错,依赖包版