Count_Down

iOS/Android 倒计时工具
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 React 开源项目
软件类型 开源软件
地区 国产
投 递 者 弓举
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

CountDown

个人倒计时项目:使用 RN 开发 可以同时运行在 iOS 及 Android 上,供大家学习交流

1. 个人开发工具

Macbook Pro + WebStorm + iphone模拟器 + android

2. 如何运行

1. 安装node
    brew install node
    安装完node后建议设置npm镜像以加速后面的过程(或使用科学上网工具)。
    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global
   
2. 安装React Native的命令行工具(react-native-cli)
    React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
    npm install -g react-native-cli
    
3. 拉取代码
   
4. 运行ios
    在代码根目录下运行:
    npm install
    react-native run-ios
   
5. 运行android
    在代码根目录下运行:
    npm install
    react-native run-android

3. 目录结构

CountDown
    |
    |--android  android工程
    |--ios      ios工程
    |--res           图片等资源文件
    |--node_modules  引用的三方库
    |--package.json  包管理文件
    |--.sketch       sketch设计文件
    |
    |--js
        |--common   通用操作, 配置主题,常量,全局操作
        |--component 组件
        |--net      网络请求(尚未有网络模块)
        |   |--bmob 比目云
        |--routers  路由表
        |--scene    页面文件
        |--startup  启动入口
        |--stores   数据存储类
        |--util     工具类

4. 引用三方组件:

    react-navigation: 导航
    react-native-modal-datetime-picker: 选择时间组件
    react-native-simple-dialogs: dialog组件
    mobx:  简单、可扩展的状态管理
    react-native-root-toast: toast
    react-native-root-siblings: 从根布局添加视图

5. 数据结构

{
    "id": "afasfdascvdf",       // 16位id标示
    "name": 'new year',       //string
    "timestamp": '1516322747974',  //number
    "repeat": 'once',         //enum{'once','everyDay','everyWeek','everyMouth','everyYear'}
    "top": false,           //boolean
    "color":"#000000"         //string
}

6. app预览:

Download

release
note:

  1. app时间系统为本机系统

  2. 卸载app将会丢失数据,请在设置里

  3. 备份的数据存储在比目云上, 数据对开发者是可见的, 账号的密码开发者不可见

  • Linux 共有两种信号量——内核信号量和System V IPC 信号量,这里仅讨论内核信号量所用到的子程序 __down()(Linux 2.6.11.12) ,其他讨论见《深入理解Linux内核》(Understanding the Linux Kernel, 2nd edition, 中文版211页,英文版208页,顺带对国人翻译书名的功力表示称(tu)赞(cao))。 这里先放一下主要的

  • 本次实现使用的是微信开发工具。 引入vant组件库 初始化package.json npm init -y 利用npm安装vant组件库 npm i @vant/weapp -S --production 删除微信样式 删除app.json中的”style”:”v2”,以防两种样式冲突。 修改project.config.json 找到setting属性,修改成 "packNpmManuall

  • CountDown原理及使用 CountDown原理及使用.

  • <span class="van-count-down-box">             <van-count-down :time="overTime" />               </span> 获取时间,单位是毫秒,就不需要除以1000,   接口的时间,我这里格式是 2021-12-01 23:59:59 let endTime = new Date(接口的时间).getTime(

  • ENV 线上环境为RDS,版本5.7.15 select version() output: 5.7.15-log 测试环境为docker搭建的mysql,版本5.7.19 select version() output: 5.7.19 单表3000万+的class表以及20万+的学校表,需要使用count查询实时数量用于分页,延迟不能太高,否则影响业务 因需要使用事务功能,使用存储引擎为Inno

  • DOWN操作:linux内核中,对信号量的DOWN操作有如下几种: void down(struct semaphore *sem); //不可中断 int down_interruptible(struct semaphore *sem);//可中断 int down_killable(struct semaphore *sem);//睡眠的进程可以因为受到致命信号而被唤醒,中断获取信号量的操作

  • 整个事件的过程是这样的 1.我要提交一个作业: # srun hostname srun: Required node not available (down, drained or reserved) srun: job 58 queued and waiting for resources 2.节点不可用,我查看作业状态: squeue 58 compute hostname

  • void down(struct semaphore *sem)函数的功能是获取信号量,获取成功后会将信号量减一,获取不到时会一直等待. 其源码分析如下: void down(struct semaphore *sem) { unsigned long flags; #可以看到在对信号量count减一操作时用spin lock 锁保护起来。 #这里用likely修饰说明sem->count

 相关资料
  • 我的应用程序检查是否有一个带有日期的文件。 如果有日期,它将计算今天和该(未来)日期之间的差值,并初始化计时器,以X天Y小时Z分S秒的方式倒计时到该日期。 如果没有文件,则用户可以通过按钮选择日期。程序将在文件中存储日期并设置倒计时。 有一个删除按钮可以删除日期并选择其他日期。此删除按钮应取消计时器,使其停止计数。 当我取消计时器时,计时器不会停止。我的计时器滴答作响,但相差2秒,而不是1秒。显示

  • 本文向大家介绍Android倒计时神器(CountDownTimer),包括了Android倒计时神器(CountDownTimer)的使用技巧和注意事项,需要的朋友参考一下 Android倒计时神器 - CountDownTimer,供大家参考,具体内容如下 啥是CountDownTimer?​ CountDownTimer是Andorid.os包下一个谷歌为我们封装好的一个倒计时工具。我们吗、

  • 本文向大家介绍python实现倒计时小工具,包括了python实现倒计时小工具的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了python实现倒计时小工具的具体代码,供大家参考,具体内容如下 小编再为大家分享一段代码:Python窗口倒计时 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍android倒计时控件示例,包括了android倒计时控件示例的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享了android倒计时控件,供大家参考,具体代码如下 希望本文所述对大家学习Android软件编程有所帮助。

  • 我有一个以毫秒为单位的数据,使用CountDown类,我将以这种格式显示时间:天:胡:分钟:秒。如果我做毫秒/1000我有总秒如果我做(毫秒/1000)/60我有总分钟等,但我如何以这种格式显示倒计时:2天:21小时:56分钟:00秒 谢谢

  • 介绍 用于实时展示倒计时数值,支持毫秒精度。 引入 import { createApp } from 'vue'; import { CountDown } from 'vant'; const app = createApp(); app.use(CountDown); 代码演示 基础用法 time 属性表示倒计时总时长,单位为毫秒。 <van-count-down :time="time

  • CountDown 倒计时 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过timestamp参数设置倒计时间,单位为秒 <template> <u-count-down :timestamp="timestamp"></u-count-down> </template> <script> export de

  • 本文向大家介绍Android实现自定义倒计时,包括了Android实现自定义倒计时的使用技巧和注意事项,需要的朋友参考一下 最近工作中遇到个要做倒计时60秒的进度条,经过参考别人的资料做出来需求的效果。废话少说先来个效果: 一定想知道是怎么实现的吧!下面是代码 然后新建一个attr.xml; 这样一个自定义的view就写完了;那怎么用呢;布局就不说了; 这样就轻轻松松的跑起来了,希望能帮助到需要的