javascript定时器完整实例
本文实例讲述了javascript定时器完整实现方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>定时器</title>
<script type="text/javascript">
var timer = null;
function begin() {
var date = new Date();
var current_time = date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate() + ' ';
current_time += date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
document.getElementById('current_time').value = current_time;
timer = setTimeout('begin()', 1000);
}
function end() {
clearTimeout(timer); //清除掉定时器对象
}
</script>
</head>
<body>
<input type="text" name="current_time" id="current_time"/><input type="button" value="开始" onclick="begin();">
<input type="button" value="结束" onclick="end();"/><br/>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关推荐
-
JavaScript定时器详解及实例
JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似.setTimeout 运用在延迟一段时间,再进行某项操作. setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复,setTimeout不会重复. clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象)
-
JavaScript中的定时器之Item23的合理使用
在javascritp中,有两个关于定时器的专用函数,它们是: 1.倒计定时器:timename=setTimeout("function();",delaytime); 2.循环定时器:timename=setInterval("function();",delaytime); 1.定时器概述 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval.其中前者可以使一段代码在指定时间后运
-
Javascript中setTimeOut和setInterval的定时器用法
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等.但它们的应用是有区别的. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除.也就是说setTimeout()只执行一次,setInterval()可以执行多次.两个函数
-
深入探寻javascript定时器
javascript单线程 JavaScript的单线程,与它的用途有关.作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM.这决定了它只能是单线程,否则会带来很复杂的同步问题.比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?所以,为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成了这门语言的核心特征,将来也不会改变. 队列任务 单线程就意味着,所有任务需要排队,
-
跟我学习javascript的定时器
一.定时器概述 window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval.其中前者可以使一段代码在指定时间后运行:而后者则可以使一段代码每过指定时间就运行一次.它们的原型如下: window.setTimeout(expression,milliseconds); window.setInterval(expression,milliseconds); 其中,expression可以是用引号括起来的一段代码,也可以是一个
-
JavaScript学习笔记之定时器
定时器1 用以指定在一段特定的时间后执行某段程序. setTimeout(): 格式:[定时器对象名=] setTimeout("<表达式>",毫秒) 功能:执行<表达式>一次. 例子: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>timer1.html</title> <meta http-equiv="keywo
-
Javascript 定时器调用传递参数的方法
无论是window.setTimeout 还是window.setInterval,在使用函数名作为调用句柄时都不能带参数,而在许多场合必需要带参数,这就需要想方法解决.例如对于函数hello(_name),它用于针对用户名显示欢迎信息: 复制代码 代码如下: var userName="Tony"; //根据用户名显示欢迎信息 function hello(_name){ alert("hello,"+_name); } 这时,如果企图使用以下语句来使hello函
-
javascript中SetInterval与setTimeout的定时器用法
示例一: 查看演示 下载源码 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则是在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除.也就是说setTimeout()只执行一次,setInterval()可以执行多次.两个函数的参数也相同,第一个参数是要执行的code或句柄,第二个是延迟的毫秒数. setTimeOut用法 setTimeout函数的用法如下: var timeoutID = window.setTi
-
浅析javascript 定时器
setTimeout()--用于指定在一段特定的时间后执行某段程序. 格式: [定时器对象名=]setTimeout("<表达式>",毫秒数); 功能: 执行<表达式>一次. 其中表达式是字符串,可以使任意javascript语句 复制代码 代码如下: <html> <head> <script type="text/javascript"> //5秒之后执行alert function count(){
-
JavaScript定时器和优化的取消定时器方法
通常用的方法: 启动定时器: 复制代码 代码如下: window.setInterval(Method,Time) Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: 复制代码 代码如下: clearInterval(Method); 那么问题来了.用 clearInterval(timerid);来清除,往往不能马上停止,用什么方法比较好解决? 优化方案如下 复制代码 代码如下: var timeout = false; //启动及关闭按钮 function ti
-
Javascript/Jquery——简单定时器的多种实现方法
第一种方法: 复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x
-
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
用setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环 用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量. 复制代码 代码如下: <script type="text/javascript"> var n = 0; function print(){ document.writeln(n); if(n==1
随机推荐
- telnet连接操作memcache服务器详解
- 深入理解vue.js中的v-if和v-show
- SpringBoot拦截器实现对404和500等错误的拦截
- Oracle删除当前用户下所有表的方法适用于有或没有删除权限
- 一篇不错的Python入门教程
- JavaScript prototype对象的属性说明
- VS2017 Cordova Ionic2 移动开发环境搭建教程
- asp.net通过配置文件连接Access的方法
- 完美实现wordpress禁止文章修订和自动保存的方法
- Python中的面向对象编程详解(下)
- 一次Mysql死锁排查过程的全纪录
- 输入密码检测大写是否锁定js实现代码
- js判断请求的url是否可访问,支持跨域判断的实现方法
- Yii1.1中通过Sql查询进行的分页操作方法
- AJAX简单异步通信实例分析
- xhtml+css制作不规则导航
- javascript 函数调用的对象和方法
- 深入浅出MyBatis中映射文件和实体类的关联性
- java整数与byte数组的转换实现代码
- C#判断页面中的多个文本框输入值是否有重复的实现方法