根据下拉选择控件值 实时刷新

一、首先是

二、针对所选时间进行刷新(默认时间是 5 ):

var time;
var timer1;
var timer2;
//实时刷新方法中调用的方法
function intimefresh() {

/**

*在次 可以添加实时操作的方法,本项目是进行表格的实时刷新,所以下面是刷新表格的function

*/
$("#table").DataTable().draw();//点搜索重新绘制table。
}
//当选择不同时间值的时 运行此方法
$(document).on("change","#simple",function(){
//清除第二个 setInterval() 函数方法
clearInterval(timer2);
//清除第一个 setInterval() 函数方法
clearInterval(timer1);
//重新获取时间值
time = $("#simple").val();
//定义并启动 第二个 setInterval() 函数方法
timer2 = setInterval(intimefresh, time * 1000 * 60);
});
//第一次加载的时候对 time 值进行初始化
$(document).ready(function() {
time = $("#simple").val();//根据控件中的值来初始化时间
//使用 setInterval()  函数来进行实时刷新

/**

*  注: 这里很有必要提示一下,虽然time是个变量,但是初始化后setInterval方法中 time的值相当于是个固定值5

*           所以要在select控件的change事件中清除 这个setInterval

*/
timer1 = setInterval(intimefresh, time * 1000 * 60);
});

你可能感兴趣的:(前端)