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!