今天因为修改网站遇到了一些问题,需要用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;
}
}
});
}
相关推荐
- **Window对象**:全局对象,代表浏览器窗口,提供对话框函数如alert()、confirm()、prompt(),定时器方法setInterval()和clearInterval(),以及错误处理属性onerror。 - **导航和历史**:location对象用于获取和...
- `setTimeout()`和`clearTimeout()`用于设置和清除延迟执行的函数,`setInterval()`和`clearInterval()`用于设置和清除周期性执行的函数。 8. **Event对象和事件处理** - **事件监听**:`addEventListener()`和`...
### DOM学习笔记知识点详解 #### 一、DOM与DHTML基础概念 - **DOM (Document Object Model)**:文档对象模型,是一种与平台和语言无关的标准接口,它将XML或HTML文档定义为树形结构,其中每个节点都是文档中的一个...
- `setTimeout` 和 `setInterval` 用于设定定时执行的函数,`clearTimeout` 和 `clearInterval` 用于取消定时器,避免不必要的资源浪费。 14. **Cookie**: - Cookie用于在客户端存储数据,`document.cookie` 可...
此外,BOM还涉及定时器(setTimeout和clearTimeout,setInterval和clearInterval),以及事件处理(如window.onload和window.addEventListener)。 "jQuery"是JavaScript的一个库,它简化了DOM操作、事件处理、动画...
22. **日期与时间**: 使用`Date`对象及其方法来获取当前时间或日期的各部分信息。 23. **DOM元素创建**: 通过`createElement()`方法创建新的DOM元素,并设置其属性和类型。 以上是基于给定文件内容整理出的DOM相关...
12. **定时器**:setTimeout和setInterval用于延迟或定期执行函数,clearTimeout和clearInterval用于取消定时器。 13. **BOM(浏览器对象模型)**:提供对浏览器窗口、位置、历史记录、缓存等的访问和控制,如...
JavaScript,简称JS,是一种广泛用于Web开发的轻量级脚本语言。在网页交互和动态效果的实现上,JS起着至关重要的作用。以下是一些JS常用函数的详细说明: 1. **事件处理**: - `click()`: 该方法用于模拟用户对...
### DOM视频笔记知识点详解 #### 一、DOM基础与常用方法概述 **1. `confirm()`函数** - **用途**:此函数用于显示一个带有指定消息和“确定”及“取消”按钮的对话框。 - **返回值**: - 当用户点击“确定”时...
使用方法:方法名()-->方法调用-->立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) 使用js文件引入网页:[removed][removed] 强调:一旦定义...
总结来说,这篇学习笔记揭示了在编写JavaScript时如何处理事件绑定和上下文(`this`)的问题,以及如何解决`setInterval`在不同浏览器中的兼容性问题。这些问题在实际开发中非常常见,理解并掌握这些技巧对于编写...
### 黑马web 39期 Node.js笔记 #### NVM 安装与管理 - **NVM**(Node Version Manager)是一个用于管理多个Node.js版本的工具,它可以帮助开发者轻松地在不同的项目中切换所需的Node.js版本。 - **安装**: NVM 的 ...
### JS实现可键盘控制的简单抽奖程序 #### 一、项目背景与概述 在现代互联网应用中,互动性是提高用户参与度的关键因素之一。抽奖作为一种常见的互动方式,在各种线上活动中广泛运用。本篇文章将详细介绍如何使用...
{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() { ...
js知识总结: 定时器: 1.超时定时器(setTimeout) 2.间歇定时器(setInterval) 3.定时器ID:通过声明变量接收定时器 4.清除定时器:clearInterval() 定时器中的this指向window 定时器属于异步操作:异步...
根据给定文件的信息,我们可以提炼出以下IT领域的关键知识点,主要围绕DOM操作、JavaScript事件处理以及数据剪贴板管理: ### 1. DOM标题滚动效果实现 在第一个代码示例中,通过`document.title`属性与字符串操作...
11. **事件处理与浏览器API**: JavaScript中,window对象代表当前浏览器窗口,提供了如alert(), confirm(), setTimeout(), clearTimeout(), setInterval()和clearInterval()等方法,用于弹出对话框、定时执行任务等...
### JavaScript学习笔记知识点详解 #### 一、JavaScript概述 ##### 1.1 什么是JavaScript - **定义**:JavaScript是一种用于网页开发的编程语言,它主要用于实现网页中的动态交互功能。 - **特性**: - **基于...
首先,jQuery是一种广泛使用的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画效果以及Ajax交互。在"简易5秒倒计时跳转特效"中,jQuery被用来创建和控制倒计时功能,其核心功能可能包括选择器(用于选取...