Countdown Timer

by Laxmikant Dange

HTML

<script src="https://momentjs.com/downloads/moment.min.js"></script>
<canvas id="can" width="600" ></canvas>

CSS

body{
  padding:0;
  margin:0;
}

JavaScript

const can=document.getElementById("can")
const ctx=can.getContext("2d");
const endDate=new Date('2018-05-11T18:30:00').getTime()

function render(){
	const startDate=Date.now()
	can.width=can.width;
  ctx.font = "30px Arial";
	var date=moment.duration(endDate-startDate)
  const dateStr=`${date.days().toString().padStart(2, "0")}:${date.hours().toString().padStart(2, "0")}:${date.minutes().toString().padStart(2, "0")}:${date.seconds().toString().padStart(2, "0")}:${date.milliseconds().toString().padStart(3, "0")}`
	ctx.fillText(dateStr,50,70);
	ctx.fill()
  requestAnimationFrame(render)
}

render()