`

window.clearInterval与window.setInterval的用法( ) js工作笔记

 
阅读更多

window.clearInterval与window.setInterval的用法( ) js工作笔记

今天因为修改网站遇到了一些问题,需要用js来解决。所以也让自己学习了一些东西,现在把从网上找到的东西整理一下:

window.setInterval()

功能:按照指定的周期(以毫秒计)来调用函数或计算表达式。

语法:setInterval(code,millisec) 

参数:    code:在定时时间到时要执行的JavaScript代码串(可以是函数)。

              millisec:设定的定时时间,用毫秒数表示。

返回值:定时器的ID值,可用于clearInterval()方法停止指定的定时器。

注:setInterval()方法会不停地调用函数,直到用clearInterval()终止定时或窗口被关闭。

window.clearInterval()

功能:取消由setInterval()方法设置的定时器。

语法:clearInterval(id_of_setinterval)

参数:id_of_setinterval:由setInterval()返回的ID值。该值标识了一个setInterval定时器。

也就是:window.setInterval()返回的就是window.clearInterval的参数

unction dibutu(){
 var width = document.getElementsByTagName('body')[0].clientWidth;
document.getElementById("yidiv").style.width=width;
document.getElementById("yiimg").width=width;}
window.setInterval("dibutu()",1);

 

 

jQuery.metadata.setType("attr","data");

   var metadata=jQuery("#persontest_info").metadata();

   var total_time = parseInt(metadata.total_time);

   var times = total_time * 60;

   var timeup = false;

   var syncTimer = function() {

      var sync_url = persontest_info_sync_url;

      var data = {};

      data.jstime = times;

      data.sheet_id = $('#sheetid').val();

      $.ajax({

         type:"GET",

         url: sync_url,

         data:data,

         dataType: "json",

         success:function(data) {

            if (data) {

               times = data;

            }

         }

      });

   };

   

   var timeObj = window.setInterval(function(){

      if (times <= 0) {

         persontestSubmit();

         window.clearInterval(timeObj);

         return;

      }

 

      // time text turn red!

      if (times <= 600 && timeup == false) {

         timeup = true;

         jQuery("#timeleft").addClass("timeup");

      }

 

      // sync time every 5 minute 

      if(times%300 == 0) {

         syncTimer();

      }

      var text = Math.floor(times/60)+"\u5206"+times%60+"\u79d2";

      $('#timeleft').html(text);

      times --;

   }, 1000);

   

   

 // persontest ajax submit

   function persontestSubmit() {

      $("#persontestform").ajaxSubmit({

         dataType: "json",

         beforeSubmit: function(data, form, options) {

            if (!showLoading("#persontestform", options, null, {button:true}))

               return false;

            $("#errormsg").hide();

         },

         success: function(data) {

            try {

               var retmsg = data;

               if (retmsg.error) {

                  $("#errormsg").jobUtil("showError", retmsg.error);

               }

               if (retmsg.success) {

                  $("#errormsg").jobUtil("showSuccess", '\u63d0\u4ea4\u6210\u529f').fadeIn('fast');

                  window.location = retmsg.redirect;

               }

            } catch(e) {

               return false;

            }

         }

      });

   }

 

 

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    javascript学习笔记.docx

    - **Window对象**:全局对象,代表浏览器窗口,提供对话框函数如alert()、confirm()、prompt(),定时器方法setInterval()和clearInterval(),以及错误处理属性onerror。 - **导航和历史**:location对象用于获取和...

    BOM知识点汇总

    - `setTimeout()`和`clearTimeout()`用于设置和清除延迟执行的函数,`setInterval()`和`clearInterval()`用于设置和清除周期性执行的函数。 8. **Event对象和事件处理** - **事件监听**:`addEventListener()`和`...

    DOM学习笔记

    ### DOM学习笔记知识点详解 #### 一、DOM与DHTML基础概念 - **DOM (Document Object Model)**:文档对象模型,是一种与平台和语言无关的标准接口,它将XML或HTML文档定义为树形结构,其中每个节点都是文档中的一个...

    2023年Javascript学习笔记.docx

    - `setTimeout` 和 `setInterval` 用于设定定时执行的函数,`clearTimeout` 和 `clearInterval` 用于取消定时器,避免不必要的资源浪费。 14. **Cookie**: - Cookie用于在客户端存储数据,`document.cookie` 可...

    我的JavaScript学习笔记

    此外,BOM还涉及定时器(setTimeout和clearTimeout,setInterval和clearInterval),以及事件处理(如window.onload和window.addEventListener)。 "jQuery"是JavaScript的一个库,它简化了DOM操作、事件处理、动画...

    DOM视频笔记

    22. **日期与时间**: 使用`Date`对象及其方法来获取当前时间或日期的各部分信息。 23. **DOM元素创建**: 通过`createElement()`方法创建新的DOM元素,并设置其属性和类型。 以上是基于给定文件内容整理出的DOM相关...

    javascript笔记

    12. **定时器**:setTimeout和setInterval用于延迟或定期执行函数,clearTimeout和clearInterval用于取消定时器。 13. **BOM(浏览器对象模型)**:提供对浏览器窗口、位置、历史记录、缓存等的访问和控制,如...

    JS常用函数(笔记)

    JavaScript,简称JS,是一种广泛用于Web开发的轻量级脚本语言。在网页交互和动态效果的实现上,JS起着至关重要的作用。以下是一些JS常用函数的详细说明: 1. **事件处理**: - `click()`: 该方法用于模拟用户对...

    Dom视频笔记

    ### DOM视频笔记知识点详解 #### 一、DOM基础与常用方法概述 **1. `confirm()`函数** - **用途**:此函数用于显示一个带有指定消息和“确定”及“取消”按钮的对话框。 - **返回值**: - 当用户点击“确定”时...

    JavaScript笔记

    使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) 使用js文件引入网页:[removed][removed] 强调:一旦定义...

    JavaScript 学习笔记 Black.Caffeine 09.11.28

    总结来说,这篇学习笔记揭示了在编写JavaScript时如何处理事件绑定和上下文(`this`)的问题,以及如何解决`setInterval`在不同浏览器中的兼容性问题。这些问题在实际开发中非常常见,理解并掌握这些技巧对于编写...

    黑马web 39期 nodejs笔记

    ### 黑马web 39期 Node.js笔记 #### NVM 安装与管理 - **NVM**(Node Version Manager)是一个用于管理多个Node.js版本的工具,它可以帮助开发者轻松地在不同的项目中切换所需的Node.js版本。 - **安装**: NVM 的 ...

    js实现可键盘控制的简单抽奖程序.docx

    ### JS实现可键盘控制的简单抽奖程序 #### 一、项目背景与概述 在现代互联网应用中,互动性是提高用户参与度的关键因素之一。抽奖作为一种常见的互动方式,在各种线上活动中广泛运用。本篇文章将详细介绍如何使用...

    Java学习笔记-个人整理的

    {8.1}线程的常用属性与方法}{121}{section.8.1} {8.2}后台线程}{123}{section.8.2} {8.3}创建线程的两种方法}{123}{section.8.3} {8.4}Runnable}{123}{section.8.4} {8.5}Sleep阻塞与打断唤醒}{124}{section....

    各种页面定时跳转(倒计时跳转)代码合集

    5. 使用Vue.js或React.js框架: 在现代前端框架如Vue.js或React.js中,可以创建组件来实现定时跳转。例如,在Vue.js中: ```vue 还剩 {{ remainingTime }} 秒 立即跳转 export default { data() { ...

    JavaScript笔记总结(Xmind格式):第十天

    js知识总结: 定时器: 1.超时定时器(setTimeout) 2.间歇定时器(setInterval) 3.定时器ID:通过声明变量接收定时器 4.清除定时器:clearInterval() 定时器中的this指向window 定时器属于异步操作:异步...

    传播智客杨中科DOM 10-20 学习笔记

    根据给定文件的信息,我们可以提炼出以下IT领域的关键知识点,主要围绕DOM操作、JavaScript事件处理以及数据剪贴板管理: ### 1. DOM标题滚动效果实现 在第一个代码示例中,通过`document.title`属性与字符串操作...

    Java学习笔记

    11. **事件处理与浏览器API**: JavaScript中,window对象代表当前浏览器窗口,提供了如alert(), confirm(), setTimeout(), clearTimeout(), setInterval()和clearInterval()等方法,用于弹出对话框、定时执行任务等...

    JavaScript学习笔记

    ### JavaScript学习笔记知识点详解 #### 一、JavaScript概述 ##### 1.1 什么是JavaScript - **定义**:JavaScript是一种用于网页开发的编程语言,它主要用于实现网页中的动态交互功能。 - **特性**: - **基于...

    简易5秒倒计时跳转特效.rar

    首先,jQuery是一种广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在"简易5秒倒计时跳转特效"中,jQuery被用来创建和控制倒计时功能,其核心功能可能包括选择器(用于选取...

Global site tag (gtag.js) - Google Analytics