react-flip-clock/src/num-el.js

react 翻页时钟计时器插件

import React from 'react'

export default ({ type, num = 1 }) => {
  const li = []

  for (var i = 0; i < num; ++i) {
    li.push(
      <li key={i}>
        <a href="#" className="">
          <div className="up">
            <div className="shadow"></div>
            <div className="inn">{i}</div>
          </div>
          <div className="down">
            <div className="shadow"></div>
            <div className="inn">{i}</div>
          </div>
        </a>
      </li>
    )
  }

  return (
      <ul className={type}>
        {li}
      </ul>
  )
}