分类
<style> body { background-image: url("img/bj.jpg"); background-size: cover; background-repeat: no-repeat; } #container { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; line-height: 90px; text-align: center; background: rgba(255, 255, 255, 0.3); } #time_body { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 50%; width: 90%; } .time { font-size: 90px; } .title { font-size: 40px; margin-bottom: 60px; } li { float: left; width: 30%; list-style: none; } </style>
<div id="container"> <div id="time_body"> <ul> <li id="beijing" class="time"></li> <li id="mengmai" class="time"></li> <li id="niuyue" class="time"></li> <li class="title">北京时间</li> <li class="title">孟买时间</li> <li class="title">纽约时间</li> <li id="dongjing" class="time"></li> <li id="bali" class="time"></li> <li id="xini" class="time"></li> <li class="title">东京时间</li> <li class="title">巴黎时间</li> <li class="title">悉尼时间</li> </ul> </div> </div> <script type="text/javascript"> function startTime() { document.getElementById('beijing').innerHTML = calcTime(+8) document.getElementById('mengmai').innerHTML = calcTime(+5.5) document.getElementById('niuyue').innerHTML = calcTime(-5) document.getElementById('dongjing').innerHTML = calcTime(+9) document.getElementById('bali').innerHTML = calcTime(+2) document.getElementById('xini').innerHTML = calcTime(+10) t = setTimeout('startTime()', 1000) } function checkTime(i) { if (i < 10) { i = "0" + i } return i } function calcTime(offset) { var d = new Date(); var utc = d.getTime() + (d.getTimezoneOffset() * 60000); var nd = new Date(utc + (3600000 * offset)); var h = nd.getHours() var m = nd.getMinutes() var s = nd.getSeconds() h = checkTime(h) m = checkTime(m) s = checkTime(s) return h + ":" + m + ":" + s } </script>
onLoad="startTime()
1. 本站所有素材(未指定商用),仅限学习交流。
2. 会员在本站下载的原创商用和VIP素材后,只拥有使用权,著作权归原作者及17素材网所有。
3. 原创商用和VIP素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 本平台织梦模板仅展示和个人非盈利用途,织梦系统商业用途请预先授权。