I'll share my Farming countdown timer to tell you when your tree's are done!
its pretty helpfull to get max xp a hour. 
Save it as countdown.html and open it with like Google Chrome.
Enjoy!
Spoiler: show
<!DOCTYPE html>
<html>
<head>
<title>Countdown</title>
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
</head>
<body>
<style type="text/css">
body {
background-color: rgb(242,242,242);
color: #333;
font-family: sans-serif;
padding: 30px;
}
h1 {
margin-bottom: 5px;
}
input[type="number"] {
padding: 7px;
border: 1px solid #eaeaea;
border-radius: 3px;
}
h2 {
color: green;
}
</style>
<h1>Lumbridge</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown1submit').click(function() {
var theVal = $('#countdown1').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime1').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown1" type="number" min="0">
<input id="countdown1submit" type="submit">
<h2 id="theTime1"></h2>
<h1>Varrock</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown2submit').click(function() {
var theVal = $('#countdown2').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime2').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown2" type="number" min="0">
<input id="countdown2submit" type="submit">
<h2 id="theTime2"></h2>
<h1>Falador</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown3submit').click(function() {
var theVal = $('#countdown3').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime3').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown3" type="number" min="0">
<input id="countdown3submit" type="submit">
<h2 id="theTime3"></h2>
<h1>Taverley</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown4submit').click(function() {
var theVal = $('#countdown4').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime4').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown4" type="number" min="0">
<input id="countdown4submit" type="submit">
<h2 id="theTime4"></h2>
</body>
</html>
<html>
<head>
<title>Countdown</title>
<script src="https://ajax.googleapis.com/ajax/libs/j ... "></script>
</head>
<body>
<style type="text/css">
body {
background-color: rgb(242,242,242);
color: #333;
font-family: sans-serif;
padding: 30px;
}
h1 {
margin-bottom: 5px;
}
input[type="number"] {
padding: 7px;
border: 1px solid #eaeaea;
border-radius: 3px;
}
h2 {
color: green;
}
</style>
<h1>Lumbridge</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown1submit').click(function() {
var theVal = $('#countdown1').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime1').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown1" type="number" min="0">
<input id="countdown1submit" type="submit">
<h2 id="theTime1"></h2>
<h1>Varrock</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown2submit').click(function() {
var theVal = $('#countdown2').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime2').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown2" type="number" min="0">
<input id="countdown2submit" type="submit">
<h2 id="theTime2"></h2>
<h1>Falador</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown3submit').click(function() {
var theVal = $('#countdown3').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime3').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown3" type="number" min="0">
<input id="countdown3submit" type="submit">
<h2 id="theTime3"></h2>
<h1>Taverley</h1>
<script type="text/javascript">
$( document ).ready(function() {
$('#countdown4submit').click(function() {
var theVal = $('#countdown4').val();
var i = theVal-1; // set your counter to 1
function myLoop () {
setTimeout(function () {
$('#theTime4').html(i)
i--;
if (i >= 0) {
myLoop();
}
}, 1000);
}
myLoop();
});
});
</script>
<input id="countdown4" type="number" min="0">
<input id="countdown4submit" type="submit">
<h2 id="theTime4"></h2>
</body>
</html>
