             <div className="ui segment">
               <h4 className="ui header">控制</h4>
               <p>
-                <a href="#" className="ui button icon teal">
-                  <i className="pause icon"></i>
-                </a>
+                {
+                  if @state.play
+                    <a href="javascript:;" className="ui button icon teal" onClick={@toggle_play}>
+                      <i className="pause icon"></i>
+                    </a>
+                  else
+                    <a href="javascript:;" className="ui button icon teal" onClick={@toggle_play}>
+                      <i className="play icon"></i>
+                    </a>
+                }
                 <a href="#" className="ui button icon teal">
                   <i className="reply icon"></i>
                 </a>

@ExerciseChinesePage = React.createClass
  render: ->
    <div className="">
      <div className="ui top attached tabular menu">

            <div className="ui segment">
              <h4 className="ui header">用时</h4>
              <p>
                {@outputSeconds()}
              </p>
            </div>

            <div className="ui segment">
              <h4 className="ui header">正确率</h4>
              <div className="ui progress teal">
                <div className="bar" style={{"transitionDuration": "300ms", "width": "80%"}}>
                  <div className="progress">80%</div>
                </div>
              </div>
