美文网首页
(vue)前端js实现毫秒级的计时器,有趣的灵魂键盘手

(vue)前端js实现毫秒级的计时器,有趣的灵魂键盘手

作者: 清哥1992 | 来源:发表于2021-07-10 02:01 被阅读0次
1625853508(1).jpg
data(){
  return{
    timer:null,
    minute: "00",
    second: "00",
    millisecond: "00",
  }
}

timerHandle() {
  let m_s = 0,
  s = 0,
  m = 0;
  this.countTimer = setInterval(() => {
    if (m_s >= 60) { //这里的60相当于1000毫秒
      m_s = 0;
      s++;
    }
    if (s >= 20) {
      s = 0;
      m++
    }
    m_s = m_s + 3;
    this.millisecond = m_s > 9 ? m_s : '0' + m_s;
    this.second = s > 9 ? s : '0' + s;
    this.minute = m > 9 ? m : '0' + m;
  }, 50)
}

留言:上线了极简导航网站,想让它更好玩好用一些,望各位大佬给提提意见
地址:www.cuczz.com

1624457567(1).jpg

相关文章

  • (vue)前端js实现毫秒级的计时器,有趣的灵魂键盘手

    留言:上线了极简导航网站,想让它更好玩好用一些,望各位大佬给提提意见地址:www.cuczz.com[http:/...

  • How to use symfony's compone

    采用框架:codeIgniter前端:Vue js 因使用 Vue js 与 element ui 实现前端,使用...

  • 基于xterm.js 实现Vue版本终端terminal

    基于xterm.js 实现Vue版本终端terminal 先看效果 前端实现 xterm npm install ...

  • vue实现数据响应式的过程

    1.怎样更形象的解释vue.js的响应式系统? 在前端框架中,vue.js的灵魂所在就是其“数据响应式”,简单的描...

  • 前端学习大概内容

    现代的前端开发模式 前端三驾马车:Angular、React、Vue Vue.js 学习vue.js前,需要了解的...

  • [Photoshop CEP 7 开发] - vue.js 与

    最近打算开发一个扩展(UI-DNA),打算用前端框架 vue.js ,同时使用 webpack 来实现 vue 的...

  • 初识Vue

    什么是Vue.js Vue.js是目前很火的前端框架;与Angular.js、React.js并称为前端三大主流框...

  • 学习vue (1)

    什么是Vue.js Vue.js 是目前最火的一个前端框架,React 是最流行的一个前端框架 Vue.js 是前...

  • vue初识

    什么是vue? vue.js是目前最火的前端框架。 vue.js是前端的主流框架之一。 vue是一套构建用户界面的...

  • vue.config.js代理配置失效

    程序介绍:前端采用vue,设置代理将8080发出的请求转发到后端8081上。通过配置vue.config.js实现...

网友评论

      本文标题:(vue)前端js实现毫秒级的计时器,有趣的灵魂键盘手

      本文链接:https://www.haomeiwen.com/subject/msnqpltx.html