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！

巴特西

jQuery每秒刷新

显示当前时间

Button按钮倒计时

扩展：setTimeout和setInterval的区别

最新文章

热门文章