简单的计时器
来源:互联网 发布:windows10未识别网络 编辑:程序博客网 时间:2024/06/07 22:05
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
var i = 0;
var start;
window.onload = function(){
document.getElementById("btn").onclick = function(){
//创建计时器,在指定周期内循环执行
start = setInterval("addTime()",1000);
}
document.getElementById("clo").onclick = function(){
//清除计时器
clearInterval(start);
}
}
function addTime(){
i++;
document.getElementById("show").innerHTML = i;
}
</script>
</head>
<body>
<div id="show"></div>
<button id="btn">开始计时</button>
<button id="clo">停止计时</button>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
var i = 0;
var start;
window.onload = function(){
document.getElementById("btn").onclick = function(){
//创建计时器,在指定周期内循环执行
start = setInterval("addTime()",1000);
}
document.getElementById("clo").onclick = function(){
//清除计时器
clearInterval(start);
}
}
function addTime(){
i++;
document.getElementById("show").innerHTML = i;
}
</script>
</head>
<body>
<div id="show"></div>
<button id="btn">开始计时</button>
<button id="clo">停止计时</button>
</body>
</html>
阅读全文
0 0
- 一个简单的计时器
- JS简单的计时器
- JS简单的计时器
- 简单的计时器
- 一个简单的计时器
- 简单计时器的制作
- 简单的计时器
- 计时器的简单应用
- 一个简单的计时器
- android 简单的倒计时器
- 一个python简单的计时器
- C#简单的计时器代码
- 一个简单的倒计时计时器
- 一个简单的计时器类
- 时间计时器的简单demo
- 一个简单的进程计时器
- Handler 实现简单的计时器
- Chronometer实现简单的计时器
- IP问问:使用中的那些常见问题大集合
- ARM汇编记录
- matlab如何计算一幅图像的Byte数
- web--前端之js代码4
- Linux文件空洞与稀疏文件
- 简单的计时器
- window环境使用maven手动安装jar包
- Jaspersoft Studio(报表设计器)中文乱码问题的解决方法
- 堆和栈的区别(转过无数次的文章)
- vue-cli npm run build空白页的两个坑 webpack gzip文件压缩优化打包文件
- 题目483:Nightmare
- 五大原则让你的代码不再受bug的困扰
- 贝塞尔曲线UIBezierPath画波纹进度条
- 初学者必读的八个趣味机器学习项目 ‖ 教程+数据集