JS使用setInterval计时器实现挑战10秒

发布时间：2024-12-04 09:21

使用数字计时器挑战自我定时 #生活乐趣# #日常生活乐趣# #数字游戏乐趣#

更新时间：2020年11月08日 09:52:22 作者：花落(→)凋谢

这篇文章主要为大家详细介绍了JS使用setInterval计时器实现挑战10秒，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

JS实现挑战10秒，主要用到setInterval计时器，供大家参考，具体内容如下

效果图

## 完整代码

<head>

<title>js计时器</title>

</head>

<body>

var n= 0, timer=null;

var txt=document.getElementById("time");

//开始计时

function oStart() {

clearInterval(timer);

timer=setInterval(function () {

n++;

var m=parseInt(n/60);

var s=parseInt(n%60);

txt.innerText=toDub(m)+":"+toDub(s);

},1000/60);

};

//暂停并且清空计时器

function oStop() {

clearInterval(timer);

// txt.innerText="我爱你";

}

//重置

function oReset() {

txt.innerText="00:00";

n=0;

}

//补零

function toDub(n){

return n<10?"0"+n:n;

}

</script>

</body>

</html>

更多关于倒计时的文章请查看专题：《倒计时功能》

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

vue.js实现简单计时器功能JavaScript实现简单计时器JS实现一个秒表计时器javascript实现一款好看的秒表计时器JavaScript setInterval()与setTimeout()计时器js实现内置计时器详解JavaScript的计时器和按钮效果设置

蓄力AI

微信公众号搜索 “ 脚本之家 ” ，选择关注

程序猿的那些事、送书等活动等着你

原文链接：https://blog.csdn.net/qq_41605893/article/details/109540131

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 reterry123@163.com 进行投诉反馈，一经查实，立即处理！

javascript提取内容到作为文章简介的代码

用javascript实现的激活输入框后隐藏初始内容

常用的javascript function代码

自动最大化窗口的Javascript代码

JS实现拖动模糊框特效

这篇文章主要为大家详细介绍了JS实现拖动模糊框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

2020-08-08

js 提交form表单和设置form表单请求路径的实现方法

无循环 JavaScript(map、reduce、filter和find)

JavaScript前端常见异常及如何捕获详解

js获取元素下的第一级子元素的方法(推荐)

JS实现的判断方法、变量是否存在功能示例

这篇文章主要介绍了JS实现的判断方法、变量是否存在功能,涉及javascript针对变量、方法判断与异常处理操作技巧,需要的朋友可以参考下

2018-05-05

网址：JS使用setInterval计时器实现挑战10秒 https://www.yuejiaxmz.com/news/view/370823

⬅️上一篇：以形式美法则分析云南师范大学呈贡

➡️下一篇：（2016年电大）

JS使用setInterval计时器实现挑战10秒

相关文章

相关内容

随便看看

最新动态分享

热点动态分享

专题

推荐动态分享