             <div className="ui segment">
               <h4 className="ui header">用时</h4>
               <p>
-                <span>00：01：38</span>
+                {@outputSeconds()}
               </p>
             </div>
 
             <div className="ui segment">
               <h4 className="ui header">正确率</h4>
               <div className="ui progress teal">
-                <div className="bar" style={{"transition-duration": "300ms", "width": "80%"}}>
+                <div className="bar" style={{"transitionDuration": "300ms", "width": "80%"}}>
                   <div className="progress">80%</div>
                 </div>
               </div>

            <div className="ui segment">
              <h4 className="ui header">控制</h4>
              <p>
                <a href="#" className="ui button icon teal">
                  <i className="pause icon"></i>
                </a>
                <a href="#" className="ui button icon teal">
                  <i className="reply icon"></i>
                </a>

@ExerciseChinesePage = React.createClass
  SetIntervalMixin:
    componentWillMount: ->
      @intervals = []

    setInterval: ->
      @intervals.push setInterval.apply(null, arguments)

    componentWillUnmount: ->
      @intervals.map(clearInterval)

  outputSeconds: ->
    @getFormattedTime @state.second

  getFormattedTime: (totalSeconds)->
    seconds = parseInt(totalSeconds % 60, 10)
    minutes = parseInt(totalSeconds / 60, 10) % 60
    hours = parseInt(totalSeconds / 3600, 10)
    seconds = '0' + seconds if seconds < 10
    minutes = '0' + minutes if minutes < 10
    hours = '0' + hours if hours < 10

    hours + ':' + minutes + ':' + seconds

  toggle_play: ->
    if @state.play
      @tick_stop()
    else
      @tick_start()

    @setState
      play: !@state.play

  tick_start: ->
    @interval = setInterval(@tick, 1000)

  tick_stop: ->
    console.log @interval
    clearInterval @interval if @interval
    @interval = null

  tick: ->
    @setState
      second: @state.second + 1

  mixins: [@SetIntervalMixin]

  getInitialState: ->
    play: true
    second: 0

  componentWillMount: ->
    @tick_start()

  render: ->
    <div className="">
      <div className="ui top attached tabular menu">
