Skip to content

Instantly share code, notes, and snippets.

@chikoski

chikoski/app.css

Last active December 18, 2015 07:39
Show Gist options
  • Save chikoski/5747957 to your computer and use it in GitHub Desktop.
Save chikoski/5747957 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app.css
@CHARSET "UTF-8";
Raw
gistfile1.txt
var clock;
var updateClock = function(){
var now = new Date();
var separator = ":";
if(now.getSeconds() % 2 == 0){
separator = " ";
}
var min = now.getMinutes();
var text = now.getHours() + separator + min;
clock.innerHTML = text;
};
var update = function(){
updateClock();
setTimeout(update, 1000);
};
window.onload = function(){
clock = document.getElementById("clock");
update();
};
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Clock</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body id="body">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<h1 class="brand">Clock</h1>
</div>
</div>
</div>
<div class="container-fluid">
<div id="clock"></div>
</div>
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment