当前位置:主页 > javascript教程 > js编写简单的计时器功能

js实现计时器功能实例代码

发布:2019-12-17 10:24:26 78


为找教程的网友们整理了js计时器相关的编程文章,网友沃小莉根据主题投稿了本篇教程内容,涉及到js、计时器、js编写简单的计时器功能相关内容,已被878网友关注,相关难点技巧可以阅读下方的电子资料。

js编写简单的计时器功能

本文实例为大家分享了js计时器功能的编写代码,供大家参考,具体内容如下

小白一枚,如有代码不规范或者写错的地方,希望得大神指导

js编写简单的计时器功能

代码:

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
</head>

<body>
<div id="waitTime"></div>

<script src="js/jquery-git.js"></script>
<script type="text/javascript">
//计时
var time = 0;
var a = setInterval(jishi, 1000); //1000毫秒
var isCanCancerOrder = false;

function jishi() {
time++;

$('#waitTime').html(calTime(time)); //倒计时

if(time == 60) { //1分钟之后
alert("一分钟到啦!");
}
}

function calTime(time) {
var spit = ":";
var hour = "00";
var second = "00";
var min = "00";
var result = "";

if(time % 60 != 0) { //秒
if(time % 60 > 10) {
second = time % 60;
} else {
second = "0" + time % 60;
}
}

if(parseInt(time / 60) != 0) { //分
if(parseInt(time / 60) > 10) {
min = parseInt(time / 60);
} else {
min = "0" + parseInt(time / 60);
}
}

if(parseInt(time / 3600) != 0) { //时
if(parseInt(time / 3600) > 10) {
hour = parseInt(time / 3600);
} else {
hour = "0" + parseInt(time / 3600);
}
}

result = hour + spit + min + spit + second;

return result;
}
</script>
</body>

</html>

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


参考资料

相关文章

  • node.js中mysql数据库配置及连接知识点分享

    发布:2020-02-04

    本文主要介绍了node.js平台下的mysql数据库配置及连接的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧


  • js异步编程小技巧详解

    发布:2020-01-21

    这篇文章主要介绍了js异步编程技巧,使用计数器的方式,每完成一个请求计数器加1 当计数器等于2时执行回调逻辑,两个http并行发送,从而极大的提高了效率,需要的朋友可以参考下


  • js实现方块上下左右移动效果的实例分享

    发布:2019-11-15

    这篇文章主要为大家详细介绍了js实现方块上下左右移动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • 深入理解JS设计模式之访问者模式定义与用法

    发布:2020-01-29

    这篇文章主要介绍了JS设计模式之访问者模式定义与用法,结合实例形式分析了javascript设计模式中访问者模式的概念、功能、应用场景及使用方法,需要的朋友可以参考下


  • JS实现数组去重的实例方法

    发布:2020-07-10

    这篇文章主要介绍了JS简单实现数组去重的方法,结合具体实例形式分析了javascript数组遍历、判断实现去重复的相关操作技巧与注意事项,需要的朋友可以参考下


  • JS自定义滚动条的实例分享

    发布:2019-11-12

    这篇文章主要为大家详细介绍了JS自定义滚动条效果的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下


  • express.js框架中间件middleware的知识点分享

    发布:2019-11-22

    这篇文章主要介绍了浅谈express.js框架中间件(middleware),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧


  • getJSON调用后台json数据时函数被调用两次的解决方法

    发布:2019-10-01

    近期在做前端开发时候使用到getJSON调用后台json数据,发现后台的函数被调用两次,函数名称为getMessages,下面是本人的一些猜想,感兴趣的朋友可以参考下


网友讨论