jQuery每秒刷新

显示当前时间

setInterval(
    function getNowTime() {
        var nowTime = new Date();
        var nowYear = nowTime.getFullYear().toString();		//获取当前年份
        var nowMonth = (nowTime.getMonth() + 1).toString();	//获取当前月份
        var nowDay = nowTime.getDate().toString();			//获取当前日期
        var nowHours = nowTime.getHours().toString();		//获取当前小时数
        var nowMin = nowTime.getMinutes().toString();		//获取当前分钟数
        var nowSecond = nowTime.getSeconds().toString();    //获取当前秒数
        if (nowYear < 10) { nowYear = "0" + nowYear };
        if (nowMonth < 10) { nowMonth = "0" + nowMonth };
        if (nowDay < 10) { nowDay = "0" + nowDay };
        if (nowHours < 10) { nowHours = "0" + nowHours };
        if (nowMin < 10) { nowMin = "0" + nowMin };
        if (nowSecond < 10) { nowSecond = "0" + nowSecond };
        var time = nowYear + "年" + nowMonth + "月" + nowDay + "日" + nowHours + ":" + nowMin + ":" + nowSecond;
        $("#timenow").text("当前时间：" + time);
    }, 1000);

jQuery定时器特效

js、css文件下载链接：https://i-beta.cnblogs.com/files

jQuery插件库链接：http://www.jq22.com/yanshi229

Button按钮倒计时

$("#btnVer").click(function () {
    var count = 60;
    var countdown = setInterval(settime, 1000);
    function settime() {
        $("#btnVer").attr("disabled", true);
        $("#btnVer").val("重新发送(" + count + ")");
        if (count == 0) {
            $("#btnVer").val("获取验证码").removeAttr("disabled");
            clearInterval(countdown);
        }
        count--;
    }
})        

扩展：setTimeout和setInterval的区别

定义：

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。

注意：

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

业务场景：

setTimeout()用于延迟执行某方法或功能

setInterval()则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步

End！