javascript 定时器:JavaScript定时器演示

<html>
<head>
<script type="text/javascript">
var g_percentFlag;
var g_percent = 0;
var g_count = 0;
function intervalPercent(path) {
g_count += 1;
document.getElementById("msg3").value = g_count;
if (g_percent < 100) {
g_percent += 20;
document.getElementById("msg2").value = g_percent + "%";
} else if (g_percent == 100) {
document.getElementById("msg2").value = g_percent + "%";
clearInterval(g_percentFlag);
g_percent = 0;
} else {
document.getElementById("msg2").value = "Error.";
}
}
function getPercentage(path){
g_percentFlag = setInterval("intervalPercent(\"" + path + "\")", 200);
}
</script>
</head>
<body>
<!-- <input type="button" value="click" onclick="a=" /> -->
<input id="msg2" type="text" /><br />
<input id="msg3" type="text" /><br />
<script>
getPercentage("Hello!");
</script>
<input type="text" value="nothing" />
<input type="button" value="click" />
</body>
</html>
本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20121026/33263.html

时间： 2024-09-19 09:05:08

javascript 定时器:JavaScript定时器演示的相关文章

JavaScript排序算法动画演示效果的实现方法_javascript技巧

之前在知乎看到有人在问 自己写了一个冒泡排序算法如何用HTML,CSS,JavaScript展现出来排序过程.   感觉这个问题还挺有意思 .前些时间就来写了一个.这里记录一下实现过程. 基本的思想是把排序每一步的时候每个数据的值用DOM结构表达出来. 问题一:如何将JavaScript排序的一步步进程展现出来? 我试过的几种思路: 1.让JavaScript暂停下来,慢下来. JavaScript排序是很快的,要我们肉眼能看到它的实现过程,我首先想到的是让排序慢下来. 排序的每一个循环都让它停

javascript作用域: JavaScript的作用域

/***************************************  *其结果是打印出global  ****************************************/  var a = 'global';  ( test(){  write(a);  })();  /***************************************  *其结果是打印出undefined  ****************************************

【JavaScript】javaScript基础知识回顾

我们首先对JavaScript的基础进行回顾. 1.浏览器的对象树 总浏大纲,还是要先看浏览器的对象树: 如1.1浏览器的对象树.png 2.window对象常用方法 alert('信息'):      消息框 prompt('提示信息',默认值): 标准输入框 confirm( ):      确认框 open( ):      打开一个新窗口 close( ):     关闭窗口 3.Form表单对象 访问表单的方式:     *  document.forms[n]     *  docu

怎么选择Javascript框架(Javascript Framework)_javascript技巧

Ajax的兴起,给 Javascript带来了新的生机,大量的javascript框架(Javascript Framework)层出不穷,一些框架来至于开发人员项目经验的总结和提炼,也有一些框架来至于商业公司,同时以开源和商业两种方式发布.借助这些框 架,可以大大加速Ajax项目的开发速度,但同时也面临不同的学习曲线,以及架构扩展性等等问题.如何选择Javascript框架,成为开发人员和架构 师头痛的一个问题.如果你正面临这样的问题,希望下面的几个建议对你在选择javascript框架上会有

Javascript/Jquery——简单定时器的多种实现方法

本文为大家详细介绍下使用Javascript/Jquery实现简单的定时器,方法有多种,大家可以根据自己的喜好自由选择,希望对大家有所帮助   第一种方法: 复制代码 代码如下: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD

JavaScript单线程 &amp; setTimeout定时器

理解JavaScript的单线程的理念对于JavaScript学习,以及掌握其中的一些设计机制非常重要,比如回调.定时器.对于后续学习NodeJS也有很大的帮助. 通过先demo,后总结的形式,使得JavaScript的单线程更易于明白. 1 var a = 1;  //全局变量a  2 function test(){  3     var a=2;  //test中变量a  4     setTimeout(function(){  5         alert(a); //输出test中

Javascript/Jquery——简单定时器的多种实现方法_javascript技巧

第一种方法: 复制代码 代码如下: <%@ 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间隔定时器(延时定时器)学习 间隔调用和延时调用_javascript技巧

用setInterval方法可以以指定的间隔实现循环调用函数,直到clearInterval方法取消循环 用clearInterval方法取消循环时,必须将setInterval方法的调用赋值给一个变量,然后clearInterval方法引用该变量. 复制代码 代码如下: <script type="text/javascript">    var n = 0;    function print(){        document.writeln(n);        

javascript总结:javascript常用总结

Javasceipt索引Javasceipt放在哪里 2在哪里放置 JavaScript 2位于 head 部分的脚本: 2位于 body 部分的脚本: 2在 body 和 head 部分的脚本: 2使用外部 JavaScript 3数据类型 3变量 4声明(创建) JavaScript 变量 4向 JavaScript 变量赋值 4向未声明的 JavaScript 变量赋值 4重新声明 JavaScript 变量 4JavaScript 算术 5运算符 5数组 5循环语句 7函数 7事件 7J