js setTimeout运用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var timer;  //全局变量
var i=0;  //变量初始化,全局变量
//定义函数:开始计时
function start()
{
    //获取id=result的对象
    var obj = document.getElementById("result");
    var str = "该程序已经运行了"+i+"秒!";
    i++; //展开 i=i+1
    //将变量str的内容写入到id=result中去
    obj.value = str;  //给表单元素加内容,一般用value属性
                      //除表单外的其它标记用JS写内容,使用innerHTML

    //设置延时器
    timer = window.setTimeout("start()",10);
}
//定义函数:停止计时
function stop()
{
    window.clearTimeout(timer);
}

</script>
</head>

<body>
<input type="button" id="result" value="该程序已经运行了0秒!" /><br />
<input type="button" onclick="start()" value="开始" />
<input type="button" onclick="stop()" value="停止" />
</body>
</html>
时间: 2024-10-21 14:50:42

js setTimeout运用的相关文章

js SetTimeout传参问题

今天写代码遇到这样一个问题,先上代码 1 <!--JS方法--> 2 function textout(obj){ 3 if(opac==60){opac=0;return;}; 4 opac+=10; 5 if(document.all){ 6 obj.style.filter="alpha(opacity="+opac+")"; 7 } 8 else {obj.style.opacity=(opac/100);} 9 setTimeout('text

js settimeout定时 for循环问题 闭包

js settimeout定时 for循环问题 闭包先做个笔记 留待研究 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery.1.7.2.min.js&q

js setTimeout()的使用

一.语法 setTimeout(code,millisec) code:是含有 JavaScript 语句的字符串.这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg(). millisec:指示从当前起多少毫秒后执行第一个参数. 二.setTimeout(code,millisec)中code包含形参的用法 例如 var msg='dfdsf'; setTimeout(alert(msg),1000); //alert(msg)会被

js setTimeout 与 setInterval 以及 for 循环 刷新UI

1. setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式:执行一次: 如果需要执行多次,自身再次调用 setTimeout(): 示例:无穷循环并带停止按钮的 <html> <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTim

js setTimeOut()

setTimeout,前端工程师必定会打交道的一个函数.它看上去非常的简单,朴实.有着一个很不平凡的名字--定时器.让年少的我天真的以为自己可以操纵未来.却不知朴实之中隐含着惊天大密.我还记得我第一次用这个函数的时候,我天真的以为它就是js实现多线程的工具.当时用它实现了一个坦克大战的小游戏,玩儿不亦乐乎.可是随着在前端这条路上越走越远,对它理解开始产生了变化.它似乎开始蒙上了面纱,时常有一些奇怪的表现让我捉摸不透.终于,我的耐心耗尽,下定决心,要撕开它的面具,一探究竟. 要说setTimeou

js setTimeout函数

最近在看JS DOM编程艺术,在第十章的动画里面有个setTimeout函数的例子中涉及了很多的引号,研究了好大一会才看明白,综合网上各个大神的解释和自己的理解,其原理是这样的: 首先看下程序源代码: 1 function moveElement(elementID,final_X,final_Y,interval){ 2 if(!document.getElementById) return false; 3 if(!document.getElementById(elementID)) re

解决 js setTimeout 传递带参数的函数无效果

最近 js  用到 setTimeout 递归调用 刷新进度  setTimeout ("getProgress(name,type)", 3000) ; 发现getProgress函数 带上参数 就失效了,不带参数可以调用又达不到效果 解决办法:匿名函数包装  改成如下即可  setTimeout(function(){getProgress(name, type)}, 3000);   原文地址:https://www.cnblogs.com/ysx215/p/9057463.ht

JS setTimeout clearTimeout

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>计时器</title> </head> <script type="text/javascript"> var num=0; var i; fu

JS settimeout 使用笔记

无参数使用方法: setTimeout(function_name,delay_time); 基本使用方法是逗号前是函数名字,不能带有 xxxx(),不然不执行: 但是很多函数都要带参数的,以下是解决方法: 方法一: function init(){ var url = "<%=basePath%>fetchwater.do?method=searchRealWater&xzqh=" + "<%=xzqh%>" + "&am