Refreshing page

Am having a problem with my script

i want to refresh the page every 30 seconds,

But ONLY when you are NOT typing into textbox

OTHER IMPORTANT THING

page should refresh if am typing into textbox and i stop without clicking send button for 1 minute (Idle)

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
var isTyping = false;
$("#inputbox").focus(function() {
    isTyping = true;
});
$("#inputbox").blur(function() {
    isTyping = false;
});

// Refresh page, but ONLY when you are NOT typing
var refreshId = setInterval(function() {
    if (!isTyping) {
        window.setTimeout( function() {
  window.location.reload();
)}, 30000); 
    }
)}
$.ajaxSetup({ cache: false });
</script>
</head>
<body>

<input type="text" id="inputbox">
<button type="button">Click Me!</button> 
</body>
</html>