From b7b6877478830771e5a00cbbb9d063a3e373a2e9 Mon Sep 17 00:00:00 2001 From: jfrye122 Date: Thu, 20 Apr 2023 10:39:44 -0400 Subject: [PATCH] started adding timer --- util/timer.js | 91 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) create mode 100644 util/timer.js diff --git a/util/timer.js b/util/timer.js new file mode 100644 index 0000000..5106e48 --- /dev/null +++ b/util/timer.js @@ -0,0 +1,91 @@ +import { useEffect } from "react"; +import { useState } from "react"; +import React from "react"; +import { View, StyleSheet, Text } from "react-native"; +import { Button, TextInput } from "react-native-paper"; + +export default function Timer() { + const [time, setTime] = useState(300000); + const [timerOn, setTimerOn] = useState(false); + + useEffect(() => { + let interval = null; + + if (timerOn) { + interval = setInterval(() => { + setTime((prevTime) => prevTime - 1000); + }, 10); + if (time == 0) { + //triger logout(); + } + } else { + clearInterval(interval); + } + + return () => clearInterval(interval); + // if (counter > 0) { + // setTimeout(() => setCounter(counter - 1), 1000); + // } else { + // //triger logout(); + // } + }, [timerOn]); + + return ( + <> + + {time} + + + + + + ); +} + + function start() { + setTimerOn(true); +} + function stop() { + setTimerOn(false); +} + function reset() { + setTime(300000); +} + + +// The data/time we want to countdown to +// var countDownDate = new Date(moment.).getTime(); +// // Run myfunc every second +// var myfunc = setInterval(function() { + +// var now = new Date().getTime(); +// var timeleft = countDownDate - now; + +// // Calculating the days, hours, minutes and seconds left +// var days = Math.floor(timeleft / (1000 * 60 * 60 * 24)); +// var hours = Math.floor((timeleft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); +// var minutes = Math.floor((timeleft % (1000 * 60 * 60)) / (1000 * 60)); +// var seconds = Math.floor((timeleft % (1000 * 60)) / 1000); + +// // Result is output to the specific element +// document.getElementById("days").innerHTML = days + "d " +// document.getElementById("hours").innerHTML = hours + "h " +// document.getElementById("mins").innerHTML = minutes + "m " +// document.getElementById("secs").innerHTML = seconds + "s " + +// // Display the message when countdown is over +// if (timeleft < 0) { +// clearInterval(myfunc); +// document.getElementById("days").innerHTML = "" +// document.getElementById("hours").innerHTML = "" +// document.getElementById("mins").innerHTML = "" +// document.getElementById("secs").innerHTML = "" +// document.getElementById("end").innerHTML = "TIME UP!!"; +// } +// }, 1000);