Таймер с секундомером на 30 секунд

<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg height="800px" width="800px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"> <style type="text/css"> .st0{fill:#000000;} </style> <g> <path class="st0" d="M429.992,249.656c-14.35-33.917-38.269-62.716-68.394-83.065c-15.07-10.183-31.696-18.25-49.448-23.774 c-17.752-5.524-36.637-8.496-56.15-8.496c-26.018,0-50.903,5.286-73.504,14.848c-33.918,14.35-62.709,38.269-83.066,68.401 c-10.182,15.062-18.25,31.688-23.774,49.447c-5.524,17.744-8.496,36.63-8.496,56.144c0,26.018,5.286,50.91,14.856,73.512 c14.342,33.917,38.269,62.709,68.394,83.066c15.063,10.182,31.688,18.25,49.448,23.774C217.609,509.028,236.486,512,256,512 c26.026,0,50.91-5.286,73.512-14.848c33.918-14.35,62.709-38.269,83.073-68.394c10.175-15.07,18.234-31.695,23.766-49.455 c5.516-17.744,8.489-36.629,8.489-56.143C444.84,297.142,439.554,272.258,429.992,249.656z M256,474.444 c-20.938-0.008-40.79-4.236-58.879-11.883c-27.121-11.469-50.259-30.676-66.578-54.833c-8.159-12.075-14.61-25.375-19.024-39.572 c-4.413-14.196-6.796-29.29-6.796-44.995c0-20.939,4.23-40.79,11.883-58.878c11.462-27.121,30.677-50.259,54.826-66.578 c12.074-8.152,25.383-14.61,39.579-19.023c14.197-4.413,29.283-6.796,44.988-6.796c20.939,0,40.789,4.228,58.878,11.882 c27.129,11.461,50.259,30.669,66.578,54.826c8.16,12.075,14.611,25.382,19.024,39.579c4.421,14.197,6.804,29.282,6.804,44.988 c-0.008,20.938-4.237,40.79-11.883,58.878c-11.469,27.129-30.677,50.267-54.833,66.578c-12.074,8.159-25.375,14.61-39.571,19.023 C286.799,472.053,271.706,474.444,256,474.444z"/> <polygon class="st0" points="138.274,153.643 108.057,117.642 79.288,141.776 109.498,177.792 "/> <polygon class="st0" points="432.711,141.776 403.942,117.642 373.726,153.643 402.502,177.792 "/> <path class="st0" d="M228.358,100.557v17.077h55.292v-17.077c3.869-2.306,7.432-5.08,10.588-8.236 c9.776-9.769,15.844-23.33,15.837-38.239c0.008-14.916-6.061-28.477-15.837-38.238C284.478,6.068,270.909,0,256,0 c-14.91,0-28.47,6.068-38.238,15.844c-9.776,9.761-15.844,23.322-15.836,38.238c-0.007,14.909,6.06,28.47,15.836,38.239 C220.926,95.477,224.48,98.25,228.358,100.557z M256,13.561c11.208,0.008,21.299,4.528,28.654,11.875 c7.34,7.347,11.86,17.437,11.86,28.646c0,11.208-4.52,21.291-11.86,28.646c-0.329,0.322-0.667,0.636-1.004,0.95V69.642h-55.292 v14.036c-0.337-0.314-0.682-0.621-1.004-0.95c-7.339-7.355-11.867-17.438-11.867-28.646c0-11.209,4.528-21.299,11.867-28.646 C234.708,18.088,244.791,13.568,256,13.561z"/> <path class="st0" d="M238.31,310.335v-0.252c6.107-4.076,9.8-10.183,9.8-17.821c0-13.622-10.183-23.927-28.003-23.927 c-16.541,0-26.47,9.041-28.769,21.383c-0.122,0.759,0.26,1.402,1.027,1.524l16.924,2.674c0.758,0.131,1.272-0.383,1.402-1.018 c1.011-4.199,3.686-7.002,8.274-7.002c4.964,0,8.144,3.31,8.144,8.535c0,5.593-3.44,8.902-9.04,8.902h-3.18 c-0.766,0-1.272,0.506-1.272,1.273v14.771c0,0.758,0.506,1.272,1.272,1.272h3.432c6.366,0,10.312,3.693,10.312,10.182 c0,5.854-3.432,9.538-8.91,9.538c-5.217,0-8.275-2.926-9.546-7.125c-0.13-0.766-0.758-1.142-1.524-1.018l-16.925,2.804 c-0.766,0.122-1.149,0.759-1.018,1.524c2.16,13.109,13.362,21.383,29.527,21.383c17.308,0,29.398-10.948,29.398-26.73 C249.634,319.751,243.91,313.262,238.31,310.335z"/> <path class="st0" d="M291.764,357.936c14.388,0,23.804-6.872,27.75-18.579c1.272-4.206,1.908-7.891,1.908-26.225 c0-18.327-0.636-22.012-1.908-26.218c-3.945-11.707-13.361-18.579-27.75-18.579c-14.25,0-23.796,6.872-27.612,18.579 c-1.402,4.206-2.038,7.891-2.038,26.218c0,18.334,0.636,22.019,2.038,26.225C267.967,351.063,277.513,357.936,291.764,357.936z M284.761,290.607c1.027-3.18,3.31-4.712,7.003-4.712c3.693,0,6.114,1.532,7.133,4.712c0.636,2.038,0.889,3.946,0.889,22.525 c0,18.586-0.254,20.494-0.889,22.532c-1.019,3.18-3.44,4.704-7.133,4.704c-3.693,0-5.976-1.524-7.003-4.704 c-0.758-2.038-1.011-3.946-1.011-22.532C283.75,294.552,284.003,292.644,284.761,290.607z"/> <path class="st0" d="M202.492,230.487c3.202-1.854,4.306-5.945,2.452-9.148c-1.846-3.202-5.945-4.298-9.148-2.452 c-3.195,1.854-4.291,5.945-2.444,9.148C195.198,231.238,199.29,232.333,202.492,230.487z"/> <path class="st0" d="M160.875,260.505c-3.202-1.847-7.294-0.751-9.148,2.459c-1.847,3.202-0.751,7.294,2.452,9.14 c3.202,1.846,7.302,0.751,9.148-2.452C165.174,266.45,164.078,262.359,160.875,260.505z"/> <path class="st0" d="M142.289,316.464c-3.693,0-6.696,2.995-6.696,6.696s3.003,6.696,6.696,6.696c3.701,0,6.696-2.995,6.696-6.696 S145.99,316.464,142.289,316.464z"/> <path class="st0" d="M154.179,374.216c-3.202,1.854-4.298,5.945-2.452,9.148c1.854,3.202,5.945,4.298,9.148,2.452 c3.202-1.854,4.298-5.945,2.452-9.148C161.481,373.466,157.382,372.37,154.179,374.216z"/> <path class="st0" d="M202.492,415.841c-3.202-1.847-7.294-0.758-9.14,2.444c-1.847,3.202-0.758,7.302,2.444,9.148 c3.202,1.854,7.302,0.751,9.148-2.452C206.798,421.779,205.695,417.687,202.492,415.841z"/> <path class="st0" d="M363.705,395.799c14.005-20.709,22.195-45.792,22.188-72.638c0.007-17.89-3.632-35.013-10.213-50.566 c-9.868-23.33-26.317-43.134-47.041-57.132C307.93,201.458,282.846,193.26,256,193.268v32.347c13.515,0,26.309,2.728,37.97,7.654 c17.484,7.394,32.408,19.782,42.935,35.358c5.255,7.792,9.424,16.372,12.266,25.52c2.842,9.156,4.382,18.878,4.382,29.014 c0,13.514-2.728,26.309-7.654,37.97c-7.401,17.483-19.79,32.408-35.365,42.935c-7.792,5.256-16.365,9.424-25.52,12.266 c-9.148,2.842-18.87,4.382-29.014,4.382v32.338c17.89,0,35.021-3.632,50.565-10.212C329.902,432.972,349.7,416.523,363.705,395.799 z"/> </g> </svg>