JSFiddle - React, Tailwind, and code Playground

by Ali Amiri

HTML

<body>

<script>        
    var mins = 10;  //Set the number of minutes you need
    var secs = mins * 60;
    var currentSeconds = 0;
    var currentMinutes = 0;
    setTimeout(Decrement(),1000);

    function Decrement() {
        currentMinutes = Math.floor(secs / 60);
        currentSeconds = secs % 60;
        if(currentSeconds <= 9) currentSeconds = "0" + currentSeconds;
        secs--;
        document.getElementById("timerText").innerHTML = currentMinutes + ":" + currentSeconds; //Set the element id you need the time put into.
        if(secs !== -1) setTimeout('Decrement()',1000);
    } 

</script>

<h1 id="title"> 
  START THE TIMER
</h1>

<button onclick="Decrement()">GO!</button> 

<h2 id="timerText">######</h2>

<br/>

<textarea rows="15" cols="60" id="text">

</textarea> 

<h2 id="finish" class="finish">Copyright BibBoy &#174  2014 #ImYourMum</h2>

</body>

CSS

<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/ico" href="favicon.ico">

<style> 

 * 
 {
    background-color: #422833; 
 }

 * 
 {
    font-family: 'Ubuntu', sans-serif;
    font-family: Helvetica, sans-serif; 
 }


 p, h1 
 {
    color: #E5E6D8;   
 }

  p, h2 
 {
    color: #6F8A79;   
 }

 textarea 
 {
    color: #422833;    
    font-family: "Courier New", Courier, monospace; 
    font-size:18px; 
    background-color: #E5E6D8;  
    border-radius: 20px; 
    padding-left: 30px; 
    padding-right: 30px; 
    outline:none; 

 }


 #title 
 { 
   text-align: center; 
 }

 #text 
 { 
  display: block; 
   margin-left: auto; 
   margin-right: auto; 
   outline: none; 

 }

  button 
  {
      border-radius: 10px;
    width: 120px; 
    height: 45px;  
    border: none; 

   font-weight:bold;
   margin-left: auto; 
   margin-right: auto; 
   display: block;
   outline: none; 
   background-color:#6F8A79;
   box-shadow:#003; 
  }

  #word, h2
  { 

   text-align:center; 
   color: #E4D5A3;
  }

  .finish 
  {
      color: #C86368;
  }

  #finish, h1
  { 
  text-align:center; 

  }    
 </style>