1

examples/src/app.less

@@ -4,7 +4,7 @@
 }
 html,
 body {
-  font-size: 24px;
+  font-size: 12px;
   width: 100%;
   height: 100%;
 }

examples/src/pages/pageindex/pageindex.jsx

@@ -10,21 +10,29 @@ import { Countdown } from 'teddi'
 class Pageindex extends Component {
   constructor(props) {
     super(props);
-    this.state = { resList: resList };
+    this.state = { resList: resList ,countdown1:{},countdown2:{}};
   }
 
   componentDidMount() {
     const countdown = new Countdown(86400 * 2 + 3600 * 1 + 60 * 1 + 1, 'ddhhmmss');
     countdown.on('update', (data) => {
-      const { dd, hh, mm, ss } = data;
-      console.log(data)
+      this.setState({countdown1:data})
     }, this);
     countdown.start();
+
+    const countdown2 = new Countdown(3600 * 1 + 60 * 1 + 1, 'hhmmss');
+    countdown2.on('update', (data) => {
+      this.setState({countdown2:data})
+    }, this);
+    countdown2.start();
   }
 
   render() {
+    const {countdown1,countdown2} = this.state;
     return <div className="index ">
-      <div> </div>
+      <div> {countdown1.dd}:{countdown1.hh}:{countdown1.mm}:{countdown1.ss}  </div>
+      <div> {countdown1.dd}天{countdown1.hh}小时{countdown1.mm}分钟{countdown1.ss}秒  </div>
+      <div> {countdown2.hh}小时{countdown2.mm}分钟{countdown2.ss}秒  </div>
     </div>;
   }
 }