计时功能小程序要服务器吗,小程序实现正计时和倒计时-小程序实现倒计时-小程序倒计时功能...

2023-11-18

1.

小程序实现正计时和倒计时1、正计时:2.

实现后的样式:3.

代码片段:vartimer;//计时器Page({data:{seconds:0,secondMax:3599,timeMax:'60:00',maxTime:'60:00',actionMax:true,stopMaxTime:false,resetMax:false,time:'00:00',cost:0,action:true,stopTime:false,reset:false,childName:[{"name":'选项1',"active":true},{"name":'选项2',"active":false},{"name":"选项3","active":false},{"name":'选项4',"active":false}],active1:false,active2:true,active3:false,active4:true,active:'Exercise-Program-choose-one'},cilckChild(e){constthatthis;letindexe.currentTarget.dataset.index;letchildNamethat.data.childName;for(leti0;ichildName.length;i++){if(indexi){childName[i].activetrue;}else{childName[i].activefalse;}}that.setData({childName:childName})},onLoad:function(options){},timing(e){this.setData({action:!this.data.action,stopTime:false})timing(this)},stopTime(e){console.log("现在的记录时间时长:"+this.data.seconds)this.setData({stopTime:true,reset:true})},reset(e){constthatthis;if(!that.data.reset){that.setData({stopTime:true})}else{that.setData({seconds:0,action:!that.data.action})}},timingMax(e){this.setData({actionMax:!this.data.actionMax,stopMaxTime:false})timingMax(this)},stopMaxTime(e){console.log("现在是记录的时间时长:",this.data.secondMax)this.setData({stopMaxTime:true,resetMax:true})},resetMax(e){constthatthis;if(!that.data.resetMax){that.setData({stopMaxTime:true})}else{that.setData({secondMax:3600,actionMax:!that.data.actionMax})}},functiontimingMax(that){varsecondsthat.data.secondMaxif(seconds0){that.setData({timeMax:'00:00'});return;}if(that.data.stopMaxTime){if(!that.data.resetMax){that.setData({secondMax:3600,actionMax:!that.data.actionMax})return;}return;}setTimeout(function(){that.setData({secondMax:seconds-1});timingMax(that);},1000)formatSecondsMax(that)}functionformatSecondsMax(that){varmins60,hours1,secondsthat.data.secondMax,timeMax''if(seconds60){minsparseInt(mins%60)}elseif(seconds3600){minsparseInt(seconds/60)secondsseconds%60}else{minsparseInt(seconds/60)secondsseconds%60hoursparseInt(mins/60)minsmins%60}console.log(formatTime(mins))console.log(formatTime(seconds))that.setData({//time:formatTime(hours)+':'+formatTime(mins)+':'+formatTime(seconds)timeMax:formatTime(mins)+':'+formatTime(seconds)});}functionformatTime(num){if(num10)return'0'+numelsereturnnum+''}

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

计时功能小程序要服务器吗,小程序实现正计时和倒计时-小程序实现倒计时-小程序倒计时功能... 的相关文章

  • 我的2017年度技术回顾

    我为之前浪费的大把光阴后悔不已 如今正奋起直追 不知 为时可晚 较早是从事传统软件开发 主要以交付项目为主 后来慢慢转向互联网 属先知后觉那一类 一直从事Java软件研发管理工作 时下热门的小程序 大数据 人工智能 机器学习等接触很少 一方
  • volatile保证可见性,原理是什么

    VOLATILE 只保证可见性 Java多线程内存可见性 并不保证原子性 可见性 一个线程对共享变量的修改 更够及时的被其他线程看到 原子性 即不可再分了 不能分为多步操作 比如赋值或者return 比如 a 1 和 return a 这样
  • 使用本地Windows创建密钥连接GitHub时发现你的git根目录里没有.ssh文件夹怎么办?

    首先 你在桌面右击进入Git Bash 输入如下命令查看git配置中是否有自己的GitHub账号名和邮箱 git config list 一般你自己不设置是不会有的 那就自己在本地创建一个账号名和邮箱 引号中填写你的账号名 git conf
  • Python:Tornado框架之获取get和post的传参

    一 获取get方式传参 import tornado ioloop 导入tornado包 import tornado web class MainHandle tornado web RequestHandler def get self
  • number1(python)

    1抽 签 你的朋友提议玩一个游戏 将写有数字的 I个纸片放入口袋中 你可以从口袋中抽取 4 次纸 片 每次记下纸片上的数字后都将其放回口袋中 如果这 4 个数字的和是m 就是你赢 否 则就是你的朋友赢 你挑战了好几回 结果一次也没赢过 于是
  • 梦幻手游服务器维护摆摊公示时间,梦幻手游5月4日维护公告 摆摊交易优化

    亲爱的玩家朋友 为保证服务器的运行稳定和服务质量 梦幻西游 手游所有服务器将于2016年5月4日8 00停机 进行维护工作 预计维护时间为8 00 9 00 如果在预定时间内无法完成维护内容 开机时间也将继续顺延 请各位玩家相互转告 并提前
  • wm命令详解

    usage wm subcommand options wm size reset WxH WdpxHdp wm density reset DENSITY wm overscan reset LEFT TOP RIGHT BOTTOM w
  • Ubuntu操作系统学习笔记之安装和配置Apache2

    在Ubuntu中安装apache 安装指令 sudo apt get install apache2 安装结束后 产生的启动和停止文件是 etc init d apache2 启动 sudo apache2ctl k start 停止 su
  • C++的sort函数对于vector排序

    对于vector
  • llvm 介绍有用的网站

    LLVM笔记 7 指令的side effect LLVM笔记 7 指令的side effect Five100Miles 博客园 LLVM每日谈之十八 GEP Instruction的几点总结 LLVM每日谈之十八 GEP Instruct
  • 用docker搭建公司内部的gitlab 和 wiki

    docker run name gitlab d link gitlab postgresql postgresql link gitlab redis redisio publish 10022 22 publish 10080 80 e
  • 使用jasypt为springboot配置文件加密

    使用jasypt为配置文件加密 配置项明文可能出现的问题 先看一份典型的配置文件 配置MySQL数据库连接 spring datasource driver class name com mysql jdbc Driver spring d
  • 【为什么】C++中的#pragma once是干什么,和#include guard区别

    一 pragma once是C和C 编程语言中的一个非标准但广泛支持的预处理指令 用于使当前源文件在单次编译中只被包含一次 它与 include guards有相同的作用 但有一些优点 如 代码更少 避免名称冲突 有时可以提高编译速度 代码
  • Nim游戏

    Nim游戏 一共有N堆石子 编号从1到N 第i堆中有a i 个石子 有A和B两个人 依次拿石子 每次可以从任意堆中拿任意数量的石子 至少拿一颗 至多拿着一堆剩下的所有石子 两个人轮流行动 取光所有石子的一方获胜 最后一次拿石子的那一人获胜
  • Go语言切片详解

    文章一 Go语言切片基础 文章二 Go语言切片详解 文章三 Go Go 语言切片 Slice 文章四 Go基础 数组和切片 一个固定长度一个可变长度 文章五 Go语言自学系列 golang切片的初始化 文章六 go语言切片详解 初始化 扩容
  • 通用技术 关于线上监控的思考总结

    前言 近期和大佬们对规划 梳理新财年要做的事情 有非常重要的一项就是线上监控 对于线上监控 大家都最熟悉不过 凡是在生产环境上运行的系统 或多或少都会有监控 但是否有思考过哪些监控是有效的 监控的目的是什么 监控告警出来之后又是怎么的一轮操
  • C实现Unix时间戳和本地时间转化

    我们平常说时间都说的几点几分几秒 星期几 但是在计算机里面并不是直接使用我们所说的时间 而是使用Unix时间戳 这样不管是哪个平台 哪个系统 都可以根据自己对时间的定义进行转换 像Java PHP等都提供了接口来进行转化 C库里面也有这样的
  • MQ如何保证消息不丢失?

    MQ如何保证消息不丢失要从三个方面来考虑 1 生产者 生产者要确保消息投递到MQ服务端 可以使用手动ACK 消息确认机制 认为消息持久化到硬盘 才能够认为生产者投递成功 2 MQ服务端 需要将消息持久化到硬盘 3 消费者 消费者要确保消息消
  • 报错解决:A server error occurred. Please contact the administrator /gbk 9737

    简介 HTML网页显示如题报错 对应python终端显示的是如下错误 解决办法 1 打开报错显示的views debug py 找到如下代码 我这个是已经修改过的 只要找到这段就行 在open 中加入encoding utf 8 如下图 编

随机推荐