js延时操作setTimeout和setInterval

发布时间:2020-08-20 09:50:32 作者:pannijingling
来源:网络 阅读:426
1.setTimeout

说明:
  有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.且只执行一次

/*按钮禁用10秒*/
setTimeout(disabledSubmitButton("bt01"), 1000*10);

function disabledSubmitButton(submitButtonName) {
        $("#"+submitButtonName).removeAttr("disabled");//将按钮可用
}
2.setInterval

说明:
  有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码.会重复执行;可应用于倒计时.

// 每10获取一次时间
setInterval("showTime()" , 1000*10 );
function showTime(){
    // js获取日期时间
    var newDate = getDateTime();
    alert("当前日期时间是:" + newDate);
}

// js获取日期时间
function getDateTime(){
    var dateObj = new Date(); //表示当前系统时间的Date对象
    var year = dateObj.getFullYear(); //当前系统时间的完整年份值
    var month = dateObj.getMonth()+1; //当前系统时间的月份值
    var date = dateObj.getDate(); //当前系统时间的月份中的日
    var day = dateObj.getDay(); //当前系统时间中的星期值
    var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
    var week = weeks[day]; //根据星期值,从数组中获取对应的星期字符串
    var hour = dateObj.getHours(); //当前系统时间的小时值
    var minute = dateObj.getMinutes(); //当前系统时间的分钟值
    var second = dateObj.getSeconds(); //当前系统时间的秒钟值
    var timeValue = "" +((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午" ); //当前时间属于上午、晚上还是下午

    return dateFilter(year)+"年"+dateFilter(month)+"月"+dateFilter(date)+"日 "+" "+dateFilter(hour)+":"+dateFilter(minute)+":"+dateFilter(second) + " " + week;
}

效果:
js延时操作setTimeout和setInterval

3.清除

  如果对计时函数不加以处理,那么setInterval将会持续执行相同的代码,一直到浏览器窗口关闭,或者用户转到了另外一个页面为止.不过还是有办法可以终止setTimeout和setInterval函数的执行.当setInterval调用执行完毕时,它将返回一个timer ID,将来便可以利用该值对计时器进行访问,如果将该ID传递给clearInterval,便可以终止那段被调用的过程代码的执行了,具体实现如下:

var obj01 = setTimeout(disabledSubmitButton("bt01"), 1000*10);
<!-- 清除已设置的setTimeout对象 -->
clearTimeout(obj01)

var obj02 = setInterval("showTime()" , 1000*10 );
<!-- 清除已设置的setInterval对象 -->
clearInterval(obj02);
推荐阅读:
  1. setTimeout和setInterval的用法
  2. javascript中setInterval和setTimeout有什么不同

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js setinterval

上一篇:layer.open 获取不到表单信息的解决方法

下一篇:centos下安装php5.6的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》