Question

javascript 如何让时间在一框里显示结合css样式 在线等？

就是获得系统时间 然后显示成图片样子，

Answer 1

<style type="text/css">
.clr:after{clear:both;display:block;overflow:hidden;height:0;content:".";}
.clr{zoom:1;}
.time{background:#d8655b;width:400px;height:200px;padding:40px;}
.time div{float:left;width:60px;height:60px;line-height:60px;text-align:center;background:#fde8e6;color:#d8655b;border-radius:4px;margin:5px;font-size:24px;}
</style>
<div class="time clr">
<div id="hour"></div>
<div id="minute"></div>
<div id="second"></div>
</div>
<script type="text/javascript">
setInterval(function (){
var date = new Date();
document.getElementById('hour').innerText = (('0'+ (date.getHours())).slice(-2));
document.getElementById('minute').innerText = (('0'+ (date.getMinutes())).slice(-2));
document.getElementById('second').innerText = (('0'+ (date.getSeconds())).slice(-2));
}, 1000);
</script>