Toggle display of clock by a button using Jquery
Here is the demo
Here is the code.
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function(){
$("#ct").toggle();
});
});
function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_ct()',refresh)
}
function display_ct() {
var strcount
var x = new Date()
document.getElementById('ct').innerHTML = x;
tt=display_c();
}
</script>
</head>
<body onload=display_ct();>
<button id='bt'>Clock</button><br>
<span id='ct' ></span>
</body>
</html>Subscribe to our YouTube Channel here
This article is written by plus2net.com team.
▼ More on JavaScript Date
Displaying current date and timeDate object & displaying current date and time on button clickgetTime() : Date calculations by using milliseconds that is passed from January 1, 1970 Displaying Current Month using getMonth() functionDisplaying present Year using getFullYear()Showing Current Date using getDate() functionDisplaying Current Day using getDay() functionDisplaying Current Minutes using getMinutes() functionDisplaying Current Hours using getHours() functiongetUTCHours: Display UTC hour or GMT HourgetUTCMinutes: Display UTC minutes or GMT minutesDisplaying Current Second using getSeconds() functiongettimezoneoffset() to get difference in UTC time and local time in minutessetMinutes: Setting the minutes of a date object to fix valuesetHours() Setting the minutes of a date object to fix valuesetDate() Setting the date part of the date objectsetMonth(): Setting the month part of date objectsetFullYear(): Setting the year part of the date objectsetMinutes(): Setting the minutes part of the date objecttoString():Converting date to string toLocaleString() Converting to local date stringtoDateString() Date to String conversiontoLocaleDateString() Converting to local date stringtoTimeString() Converting time part of date object to a string toUTCString to convert date object to Universal Standard StringTimer function to set time for reminder alertTimer Resetting the timer functionRecursive timer to trigger a code block after a particular intervalCountdown script displaying days , hours , minutes and seconds left from an eventDisplaying changing Clock showing date and time in a web pageProjects using date object