js计时器
来源:互联网 发布:网络调查的原则 编辑:程序博客网 时间:2024/06/11 10:54
setIterval显示动态事件
<!DOCTYPE HTML>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>定时器</title>
<script type="text/javascript">
var attime;
function clock(){
var time=new Date();
attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value=attime;
}
setInterval(clock,10000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
</form>
</body>
</html>
点击stop取消计时器
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
var i=setInterval("clock()",100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
</form>
</body>
</html>
setTimeout()计时器
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
function startCount() {
document.getElementById('count').value=num;
num=num+1;
setTimeout("startCount()",1000);
}
setTimeout("startCount()",1000);
</script>
</head>
<body>
<form>
<input type="text" id="count" />
</form>
</body>
</html>
clearTimeout()取消计时器
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick="startCount()" />
<input type="button" value="Stop" onclick="stopCount()" />
</form>
</body>
</html>
- js计时器。
- js计时器
- js计时器
- JS计时器
- js计时器
- js计时器
- JS计时器
- js计时器
- JS 计时器
- js计时器
- JS 计时器
- JS计时器
- JS计时器
- js计时器
- js:计时器
- JS计时器
- JS计时器
- js计时器
- 实验一 Linux操作系统的安装
- 外网连接内网的centos mysql数据库
- 修改数据库的编码格式
- 20170921前端第三天
- JVM-JvisualVM部署及Tomcat监控实例(基于客户端jdk1.8.0_144和服务端tomcat7.0.47)
- js计时器
- python-problem-大文件的读取
- 深入探讨 Java 类加载器
- 1011. A+B和C (15)
- 服务篇---zookeeper集群的部署及配置
- 集合-subList的缺陷
- Redis系列-3.字符串(String)结构
- 半稠密直接法
- JVM知识点总览