前端定时任务

定时任务就是不断的刷新页面

<script type="text/javascript" src="/lib/jquery/jquery-3.1.1.min.js"></script>

<input type="button" style="width: 100px" height="100px" value="开启定时任务" onclick="addTask()"/>
<input type="button" style="width: 100px" height="100px" value="关闭定时任务" onclick="cancelTask()"/>

<script type="text/javascript">
var task=true;
function consoleValue() {
    console.info("定时任务已开启")
}

function addTask() {
    consoleValue();
    if(task){
    //setTimeout方法的意思就是每3秒中执行一次addTask()方法
        setTimeout("addTask()",3000);
    }
    //task是全局变量，执行了取消方法后，在执行开启定时任务方法，表达式为false，定时任务不能继续执行，所以要设置为true
    task=true;
}

function cancelTask() {
 task=false;
}

</script>

创建两个按钮，一个全局变量task等于true
consoleValue：这个方法就是真正被执行的任务
设置定时任务的方法addTask：调用consoleValue方法，task等于true继续调用本方法，3秒调用一次；
取消定时任务的方法cancelTask：将task设置为false，当task为false时，addTask方法的if表达式不成立，定时任务停止