flipcountdown翻转倒计时定时器插件 - 更新日志

1.0.4（2021-06-05）

1、新增快速计时（秒、毫秒）等 2、修改以及移除部分旧参数 3、去除socket的演示

1.0.3（2019-10-11）

插件发布时又不能预览，发布后，更新记录有错又不能修改，只好重新发布得了

• 把原来引入图片“../”的方式改成了官方推荐的~@

  

1.0.2（2019-10-11）

• 把原来引入图片“../”的方式改成了官方推荐的~@

https://s2.ax1x.com/2019/10/11/uHKIPg.gif https://s2.ax1x.com/2019/10/11/uHMbfe.gif

1.0.1（2019-09-18）

首次提交就出现了错误，只好再来一次。。。

1.0.0（2019-09-18）

先了解下背景

• 由jq版的flipcountdown.js仿改成uni版，功能没有全程照搬
• H5、微信小程序、APP测试没问题外，其他小程序都没测试过
• 数字翻转的效果中，H5和小程序、APP的有点不一样，因为小程序和APP不能操作DOM，我无能为力做不出相同的效果
• jq版的flipcountdown.js虽然描述里有倒计时，但是却没有提供倒计时的示例，我也没有找到，所以uni版是我自己加上去的，差强人意

• socket使用的是作者1606726660@qq.com的uni-app-chat，请参考http://hhyang.cn/doc3/socket/socket.html

  注册组件

  import flipcountdown from '@/components/flipcountdown.vue'
  components: {
          flipcountdown
      },

  使用组件

  默认：
  <flipcountdown></flipcountdown>

  更多效果请看示例

  ---

  props

  参数	类型	必填	默认值	描述
  dotX	[String, Number]	否	"-27"	小数点X位置
  dotY	[String, Number]	否	"-3120"	小数点y位置
  selectType	[String, Number]	否	1	1正常,2倒计时
  numHeight	[String, Number]	否	52	雪碧图里的每个数字的共同高度
  dataOrNum	[String, Number]	否,只要不是时间都是必填	""	需要传入的数字
  endTime	[String, Number]	否	4070880000000	结束时间
  tick	Function	否	function tick() {}	自定义函数
  rollingNumber	[String, Number]	否	6	翻转个数,比如默认的雪碧图，0到1需要翻转6次，所以填6，自定义的雪碧图只要翻转1次，所以填1
  total	[String, Number]	否	60	所有个数,默认的一共60张,所以默认60,,自定义的共10张，就填10，不包括.和:

自定义雪碧图的要求

• 比如0是第一个，y坐标要（0,1),不要(0,0)
• 比如雪碧图里的一张图的高度是42，1数字的y坐标则是1*42+1=43,2数字的y坐标则是2*42+1=85,以此类推。
• 冒号最好也是42的高，跟着上面数字的高度来，小数点最好空出一个42的高度往下放