Exámenes - Cronómetro

  <p>
    <svg width="320" height="220" viewBox="-10 -10 320 220" style="font-family: 'BlackOpsOne'; font-size: 110px">
    <polygon points="20,0 175,0 200,25 200,130 175,150 20,150 0,130 0,20" fill="black" />
    <rect x="199" y ="90" width="10" height="12" fill="silver" stroke="black" />
    <text x="30" y="15" text-anchor="begin" font-size="12" fill="white">NISUPA</text>
    <polygon points="30,20 170,20 180,30 180,120 170,130 30,130 20,120 20,30" fill="hwb(76 75% 30%)" />
    <polygon points="30,24 170,24 176,30 176,120 170,126 30,126 24,120 24,30" stroke="black" stroke-width="1" fill="none" />
      <text x="100" y="110" text-anchor="middle" opacity="0">17
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="0s" fill="freeze" />
        <animate dur="0.1s" attributeName="opacity" from="1" to="0" begin="1s" fill="freeze" />
      </text>

      <text x="100" y="110" text-anchor="middle" opacity="0">16
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="1s" fill="freeze" />
        <animate dur="0.1s" attributeName="opacity" from="1" to="0" begin="2s" fill="freeze" />
      </text>

      <text x="100" y="110" text-anchor="middle" opacity="0">15
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="2s" fill="freeze" />
        <animate dur="0.1s" attributeName="opacity" from="1" to="0" begin="3s" fill="freeze" />
      </text>

      ...

      <text x="100" y="110" text-anchor="middle" opacity="0">2
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="15s" fill="freeze" />
        <animate dur="0.1s" attributeName="opacity" from="1" to="0" begin="16s" fill="freeze" />
      </text>
      <text x="100" y="110" text-anchor="middle" opacity="0">1
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="16s" fill="freeze" />
        <animate dur="0.1s" attributeName="opacity" from="1" to="0" begin="17s" fill="freeze" />
      </text>
      <text x="100" y="110" text-anchor="middle" opacity="0" fill="red" >0
        <animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="17s" fill="freeze" />
      </text>
    </svg>
  </p>