Final
This commit is contained in:
RobinNixon
2020-12-10 13:50:02 +00:00
parent ec6f6b8d61
commit 3aeeb4477e
847 changed files with 0 additions and 0 deletions
-52
View File
@@ -1,52 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>A simple clock</title>
<script src='react.development.js' ></script>
<script src='react-dom.development.js'></script>
<script src="babel.min.js"> </script>
<script type="text/babel">
class Clock extends React.Component
{
constructor(props)
{
super(props)
this.state = {date: new Date()}
}
componentDidMount()
{
this.timerID = setInterval(() => this.tick(), 1000)
}
componentWillUnmount()
{
clearInterval(this.timerID)
}
tick()
{
this.setState({date: new Date()})
}
render()
{
return <span> {this.state.date.toLocaleTimeString()} </span>
}
}
doRender(<Clock />, 'the_time')
function doRender(elem, dest)
{
ReactDOM.render(elem, document.getElementById(dest))
}
</script>
</head>
<body>
<p style='font-family:monospace'>The time is: <span id="the_time"></span></p>
</body>
</html>