<!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 i=5;
var d=null;
var ttt=null;//页面跳转
function test(){
if(i>0)
document.getElementById("b").value=i;
else{
clearInterval(d) ;
document.getElementById("b").disabled=false;
document.getElementById("b").value='提交';
}
--i;
}
var t=null;
function but(type){
var now=new Date();
var year=now.getYear();
var month=now.getMonth();
var date=now.getDate();
var day=now.getDay();
var hour=now.getHours();
var minu=now.getMinutes();
var sec=now.getSeconds();
var week;
month=month+1;
if(month<10) month="0"+month;
if(date<10) date="0"+date;
if(hour<10) hour="0"+hour;
if(minu<10) minu="0"+minu;
if(sec<10) sec="0"+sec;
switch (day){
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
default:
week="星期天"
break;
}
var q=now.getMilliseconds();
if(q<10)
{
q="00"+now.getMilliseconds();
}
if(q>=10 && q<100)
{
q="0"+now.getMilliseconds();
}
var time="";
time='现在时间：'+year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec+":"+q;
if(type=='but'){
document.getElementById("i").value=time;
t=setTimeout("but('but')",100);
}
if(type=='auto'){
var div=document.getElementById("d");
div.innerHTML="<span style='color:red'>"+time+"</span>";
}
}
var si=null;
function run(){
si=setInterval("but('auto')",100);
d=setInterval("test()",1000);
ttt=setInterval("goTo()",1000);
}
function end(){
clearInterval(si) ;
}
function endbut(){
clearTimeout(t) ;
}
////页面跳转js
var tt=5;
function goTo(){
var t1=document.getElementById("t1");
t1.innerHTML="<span style='color:red'>"+tt+"</span>";
var t2=document.getElementById("t2");
var n="";
var ii=0
for(ii=0;ii<tt;ii++){
n+='*';
}
t2.innerHTML="<span style='color:blue;font-size:30px;vertical-align:middle;'>"+n+"</span>";
tt--;
if(tt<0)clearInterval(ttt) ;
}
</script>
</head>
<body onload="run(); ">
<label>自动运行的时间</label><br>
<div id="d" style="float: left;"></div><div style="float: left;"><input type="button" name="stop" value="stop" onclick="return end();"/><input type="button" name="stop" value="start" onclick="return run();"/></div>
<div style="clear: both;">==================================================================</div>
<label>代开始停止按钮的时间</label><br>
<div><input type="text" id="i" name="n" size="50"/><input type="button" value="start" onclick="return but('but');"/>
<input type="button" name="stop" value="stop" onclick="return endbut();"/></div>
<div>=============================================================</div>
<label>提交按钮等待5秒可用</label><br>
<input type="button" id="b" value="提交" disabled="disabled" style="height: 25px;width: 50px;"/>
<div style="clear: both;"><div>=============================================================</div>
<label>页面跳转时间等待</label><br>
页面正在跳转，<label id="t1"></label>请稍后<label id="t2" style="vertical-align:text-bottom;"></label>
<div style="clear: both;">==================================================================</div>
</body>
</html>
分享到：
相关推荐
JavaScript 中 setTimeout 和 setInterval 函数的传参及调用 在 JavaScript 中，setTimeout 和 setInterval 函数都是用于在指定的时间点执行某个函数的，但是它们的传参方式和调用方式却有所不同。 setTimeout ...
### 给C#添加SetTimeout和SetInterval函数 在日常的软件开发过程中，我们经常会遇到需要定时执行某些任务的情况。JavaScript 提供了 `setTimeout` 和 `setInterval` 这两个非常方便的函数来处理这样的需求。然而，...
在Vue.js开发过程中，有时会遇到`setTimeout`和`setInterval`函数失效并抛出错误的问题。本文将详细解析这个问题的原因及解决方案。 首先，`setTimeout`和`setInterval`是JavaScript中的两个常用定时器函数。`...
JavaScript中的`setTimeout`和`setInterval`是两个非常重要的函数，它们主要用于在特定时间间隔后执行指定的函数或代码块。这两个函数对于创建动态、交互式的网页内容至关重要，如动画效果、倒计时、定时刷新内容等...
setInterval函数的执行机制与setTimeout相似，都是将任务添加到队列中，但不断调用函数（每次都有延迟），直到它被取消。 原因分析 由于JavaScript是一种单线程语言，异步事件（比如鼠标点击和定时器）仅在线程...
在JavaScript编程中，`setTimeout()`和`setInterval()`是两个非常关键的函数，它们用于实现异步编程，特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法，它们的区别...
在这个主题中，我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数，它们在JavaScript中的应用以及它们之间的区别。 首先，`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...
Javascript的setTimeOut和setInterval函数应用非常广泛，它们都用来处理延时和定时任务，比如打开网页一段时间后弹出一个登录框，页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
在JavaScript中，定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码，但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`（延迟时间）过后...
在JavaScript中，通过setTimeout和setInterval函数执行代码块时，传递参数需要特别注意函数的引用和代码字符串的使用。推荐的做法是使用函数引用，并且在可能的情况下使用闭包来封装外部变量，以保证代码的安全性...
在JavaScript编程中，`setTimeout`与`setInterval`是两个非常常用的函数，用于控制代码执行的时间间隔。虽然它们在功能上有一定的相似性，但其实现的效果却大不相同。下面我们将详细探讨这两个函数的工作原理、用法...
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间，再进行某项操作。
在JavaScript中，`setTimeout`和`setInterval`是两个非常重要的函数，它们分别用于在指定时间后执行一次回调函数和周期性地重复执行回调函数。然而，C#标准库并没有直接提供这两个函数，但我们可以根据JavaScript的...
setInterval(code,millisec[,”lang”]) setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 参数 描述 code 必需，要调用的函数或要执行的代码串。 millisec 必需，周期性执行或调用...
定时器setTimeout和setInterval函数的扩展作者主页： : 当前版本v1.0.0 12/Sep/2015错误和增强功能（下一个版本）发行历史版本号日期v1.0.0 12/Sep/2015依存关系目前，此插件没有依赖项如何使用语法范例<...
`setTimeout` 和 `setInterval` 是JavaScript中用于处理延时与周期性任务的重要函数。它们被广泛应用于各种前端开发场景，例如页面动画效果、轮询服务器获取数据等。然而，这两个函数在不同浏览器中的表现并不完全...
setInterval函数同样允许你设定一个时间间隔，但与setTimeout不同，setInterval设定的函数会每隔`delay`毫秒重复执行。 其基本语法为： ``` var intervalID = setInterval(func, delay[, param1, param2, ...]); ``...
深入理解JavaScript中的`setTimeout`和`setInterval`函数是网页动态效果实现的关键。这两个函数都是JavaScript的定时器函数，能够让我们在特定的时间间隔后执行指定的代码。 **1. `setTimeout`函数** `setTimeout`...
今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...