JavaScript 计数器

    <script>var r = 0,l = 0;var timerfunction doStart() {// 点击开始的时候停止按钮不能点击$('start').disabled = true;$('stop').disabled = false;timer = setInterval(function() {r++;if (r > 9) {//当右边的停止为9的时候在从零开始r = 0;//左边的设为1l++;}if (l > 9) {//右边为9的时候都从零开始r = 0;l = 0;}//字符串拼接路径$('img2').src = "images/" + r + '.bmp';$('img1').src = "images/" + l + '.bmp';}, 100);}//点击停止的时候开始按钮可以点击function doStop() {$('start').disabled = false;$('stop').disabled = true;//关闭计时器clearInterval(timer)}//获取idfunction $(id) {return document.getElementById(id)}</script>
</head><body><table><tr><td><img src="data:images/0.bmp" id="img1"></td><td><img src="data:images/0.bmp" id="img2"></td></tr><tr><td><button onclick="doStart()" id="start">开始</button></td><td><button onclick="doStop()" id="stop" disabled>停止</button></td></tr></table>
</body>

JavaScript 计数器相关推荐

9.HTML5 JavaScript DHTML
1.DHTML模型 window对象 navigator frames location history document all body forms elements anchors links ...
JavaScript交互式网页设计 • 【第2章 JavaScript函数与事件】
全部章节 >>>> 本章目录 2.1 JavaScript 自定义函数 2.1.1 函数的定义 2.1.2 函数的调用 2.1.3 函数的参数 2.1.4 函数的返回值 2 ...
前端js中计时器的使用
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>< ...
Javascript实现计数器，定时警告和停止
1 <html> 2 <head> 3 <meta charset="utf-8"> 4 <title>定时警告</title ...
JavaScript闭包实现计数器
JavaScript闭包实现计数器因为javascript没有局部作用域,所以可以通过以下的方法实现一个计数器: var add = (function () {var counter = 0;re ...
JavaScript高级第2天：定义函数的三种方式、函数的原型链结构、完整原型链、作用域以及作用域链、函数的四种调用模式、闭包、计数器、斐波那契数列优化、三种继承方式
JavaScript高级第二天 01-定义函数的三种方式 1.函数声明 function:可以先调用再声明,因为预解析(把函数声明.变量声明进行提升) function fn() {//函数体conl ...
教你用JavaScript制作计数器
案例介绍欢迎来到我的小院,我是霍大侠,恭喜你今天又要进步一点点了! 我们来用JavaScript编程实战案例,做一个计数器.点击按钮数字改变,点击重置数字归0. 通过实战我们将学会forEach循环 ...
javascript写计数器
<script language = "vbscript" runat = "server"> sub app ...
使用 JavaScript 的响应式计数器动画
javascript知识点
一些开放性题目 1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势. 2.项目介绍 3.如何看待前端开发? 4.平时是如何学习前端开发的? 5.未来三到五年的规划是怎样的? ...

JavaScript 计数器

JavaScript 计数器相关推荐

最新文章

热门文章