util.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  1. export function timeFix () {
  2. const time = new Date()
  3. const hour = time.getHours()
  4. return hour < 9 ? '早上好' : hour <= 11 ? '上午好' : hour <= 13 ? '中午好' : hour < 20 ? '下午好' : '晚上好'
  5. }
  6. export function welcome () {
  7. const arr = ['休息一会儿吧', '准备吃什么呢?', '要不要打一把 DOTA', '我猜你可能累了']
  8. const index = Math.floor(Math.random() * arr.length)
  9. return arr[index]
  10. }
  11. /**
  12. * 触发 window.resize
  13. */
  14. export function triggerWindowResizeEvent () {
  15. const event = document.createEvent('HTMLEvents')
  16. event.initEvent('resize', true, true)
  17. event.eventType = 'message'
  18. window.dispatchEvent(event)
  19. }
  20. export function handleScrollHeader (callback) {
  21. let timer = 0
  22. let beforeScrollTop = window.pageYOffset
  23. callback = callback || function () {}
  24. window.addEventListener(
  25. 'scroll',
  26. event => {
  27. clearTimeout(timer)
  28. timer = setTimeout(() => {
  29. let direction = 'up'
  30. const afterScrollTop = window.pageYOffset
  31. const delta = afterScrollTop - beforeScrollTop
  32. if (delta === 0) {
  33. return false
  34. }
  35. direction = delta > 0 ? 'down' : 'up'
  36. callback(direction)
  37. beforeScrollTop = afterScrollTop
  38. }, 50)
  39. },
  40. false
  41. )
  42. }
  43. /**
  44. * Remove loading animate
  45. * @param id parent element id or class
  46. * @param timeout
  47. */
  48. export function removeLoadingAnimate (id = '', timeout = 1500) {
  49. if (id === '') {
  50. return
  51. }
  52. setTimeout(() => {
  53. document.body.removeChild(document.getElementById(id))
  54. }, timeout)
  55. }
  56. /**
  57. * @param {String|Number} value 要验证的字符串或数值
  58. * @param {*} validList 用来验证的列表
  59. */
  60. export function oneOf (value, validList) {
  61. for (let i = 0; i < validList.length; i++) {
  62. if (value === validList[i]) {
  63. return true
  64. }
  65. }
  66. return false
  67. }
  68. /**
  69. * @param {Function} fn 防抖函数
  70. * @param {Number} delay 延迟时间
  71. */
  72. export function debounce(fn, delay) {
  73. var timer;
  74. return function () {
  75. var context = this;
  76. var args = arguments;
  77. clearTimeout(timer);
  78. timer = setTimeout(function () {
  79. fn.apply(context, args);
  80. }, delay);
  81. };
  82. }
  83. /**
  84. * @param {date} time 需要转换的时间
  85. * @param {String} fmt 需要转换的格式 如 yyyy-MM-dd、yyyy-MM-dd HH:mm:ss
  86. */
  87. export function formatTime(time, fmt) {
  88. if (!time) return '';
  89. else {
  90. const date = new Date(time);
  91. const o = {
  92. 'M+': date.getMonth() + 1,
  93. 'd+': date.getDate(),
  94. 'H+': date.getHours(),
  95. 'm+': date.getMinutes(),
  96. 's+': date.getSeconds(),
  97. 'q+': Math.floor((date.getMonth() + 3) / 3),
  98. S: date.getMilliseconds(),
  99. };
  100. if (/(y+)/.test(fmt))
  101. fmt = fmt.replace(
  102. RegExp.$1,
  103. (date.getFullYear() + '').substr(4 - RegExp.$1.length)
  104. );
  105. for (const k in o) {
  106. if (new RegExp('(' + k + ')').test(fmt)) {
  107. fmt = fmt.replace(
  108. RegExp.$1,
  109. RegExp.$1.length === 1
  110. ? o[k]
  111. : ('00' + o[k]).substr(('' + o[k]).length)
  112. );
  113. }
  114. }
  115. return fmt;
  116. }
  117. }
  118. // 千分位分隔符
  119. export function formatThousands (number) {
  120. if(!number){return 0}
  121. const numbers = number.toString().split('').reverse()
  122. const segs = []
  123. while (numbers.length) segs.push(numbers.splice(0, 3).join(''))
  124. return segs.join(',').split('').reverse().join('').replace(",.",".")
  125. }