<!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>
分享到:
相关推荐
给c#添加SetTimeout和SetInterval函数.docx
JavaScript中setTimeout和setInterval函数的传参及调用_.docx
主要介绍了vue 解决setTimeOut和setInterval函数无效报错的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
深化理解setTimeout函数和setInterval函数_.docx
JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别
Javascript中的SetTimeout和SetInterval函数很方便,把他们移植到c#中来。
前几天学了js,看到了两个非常有趣的函数,他们分别是setTimeout函数和setInterval函数,这两个函数能使网页呈现非常一些网页中比较常见的效果,比如说图片轮播,等一些非常好玩的效果。下面就来一起来了解这两个...
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。
JS中定时执行,setTimeout和setInterval的区别 <br>setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操
主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下
Javascript定时器(二)——setTimeout与setInterval 在 http://www.cnblogs.com/strick/p/3983904.html 有说明
定时器setTimeout和setInterval函数的扩展作者主页: : 当前版本v1.0.0 12/Sep/2015错误和增强功能(下一个版本)发行历史版本号日期v1.0.0 12/Sep/2015依存关系目前,此插件没有依赖项如何使用语法范例<...
setInterval(code,millisec[,”lang”]) setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 参数 描述 code 必需,要调用的函数或要执行的代码串。 millisec 必需,周期性执行或调用...
今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...
NULL 博文链接:https://rainbow702.iteye.com/blog/1668935
setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1&#...
timercpp:为C 开发提供类似于Javascript中的setTimeout和setInterval功能