每日小練習之JQuery計時三分鐘后停止(part5)
2019-04-03 17:16
162 查看
HTML:
[code]<label for="min">mm</label><input type="text" id="min" value="0"> <label for="sec">sec</label><input type="text" id="sec" value="0">
[code]<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
[code]$(document).ready(function () { var mm = 0, sec = 0,mmid,secid; mmid = document.getElementById('min'); secid = document.getElementById('sec'); var time = setInterval(function () { sec++; if(sec==60){ sec=0; mm++; } mmid.value=mm; secid.value=sec; if(mm==3){ clearInterval(time) } }, 100) });
結果:
到3分鐘后停止計時
相关文章推荐
- jquery实现div内图片水平左右滚动,滚动到最后一张停止、可根据需求调整图片数量及大小
- jQuery div滚动到顶部停止
- jQuery 停止动画
- 每日学习心得:$.extend()方法和(function($){...})(jQuery)详解
- 每日練習20171102
- 每日学习心得:$.extend()方法和(function($){...})(jQuery)详解
- jQuery停止动画和判断是否处于动画状态
- jquery实现鼠标悬浮停止轮播特效
- jQuery统计数字不停的滚动最后停止
- jquery模拟实现鼠标指针停止运动事件
- jQuery中停止动画stop
- 【每日安全资讯】GitHub 停止支持弱加密
- jQuery 停止动画
- 原生js实现和jQuery实现 屏幕自由滚动广告 悬浮停止
- 基于jQuery淡入淡出,鼠标移入停止效果
- 拓展jquery.slotmachine.js,设置停止位置
- JS:停止事件冒泡和阻止浏览器的默认行为 js/jquery/prototype
- 每日練習20171103
- jquery划滑动停止执行某事件
- jQuery 停止动画