www.qjdy.com-奇迹赌场 > www.qjdy.com > 时钟显示的位置需要你修正TOP

原标题:时钟显示的位置需要你修正TOP

浏览次数:128 时间:2019-07-18

正文实例陈诉了javascript背景石英钟完毕格局。分享给大家供我们参照他事他说加以考察。具体如下:

以下是其一职能的成套代码。[最棒从叁个空页面开头]

<html>
<head>
<TITLE>背景时钟</TITLE> 
<script language=javaScript>
<!--// 
function clockon() {
thistime= new Date()
var hours=thistime.getHours()
var minutes=thistime.getMinutes()
var seconds=thistime.getSeconds()
if (eval(hours) <10) {hours="0" hours}
if (eval(minutes) < 10) {minutes="0" minutes}
if (seconds < 10) {seconds="0" seconds}
thistime = hours ":" minutes ":" seconds
if(document.all) {
bgclocknoshade.innerHTML=thistime
bgclockshade.innerHTML=thistime
}
if(document.layers) {
document.bgclockshade.document.write('<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Verdana;color:FFAAAAA;font-size:120px;top:10px;left:152px">' thistime '</div>')
document.bgclocknoshade.document.write('<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Verdana;color:DDDDDD;font-size:120px;top:10px;left:150px">' thistime '</div>')
document.close()
}
var timer=setTimeout("clockon()",200)
}
//-->
</script>
<link rel="stylesheet" href="../style.css"></head>
<body onLoad="clockon()">
<div id="bgclockshade" style="position:absolute;visibility:visible;font-family:Arial;color:FF8888;font-size:120px;top:102px;left:152px"></div>
<div id="bgclocknoshade" style="position:absolute;visibility:visible;font-family:Arial;color:DDDDDD;font-size:120px;top:100px;left:150px"></div>
<div id="mainbody" style="position:absolute; visibility:visible">
</div>
</body>
</html>

注明:石英钟展现的任务供给您校正TOP,LEFT参数来规定。TOP表示层距离荧屏顶上部分的象素值,LEFT表示距离左侧的象素值。

瞩望本文所述对大家的javascript程序设计具有协助。

您也许感兴趣的稿子:

  • JavaScript兑现轻巧的钟表实例代码
  • 基于javascript达成动态机械钟效果
  • JS完毕的网页倒计时数字时钟效果
  • js达成二个简练的数字时钟效果
  • js实现倒计时时钟的演示代码
  • js完成的随从鼠标移动的电子石英表效果(中德语日期显示)
  • js时钟翻牌效果完毕代码分享
  • JS实现简易刻度时钟示例代码
  • javascript结合Canvas 完毕简易的圆形时钟
  • JS完成简易换图机械钟作用深入分析

本文由www.qjdy.com-奇迹赌场发布于www.qjdy.com,转载请注明出处:时钟显示的位置需要你修正TOP

关键词: mg老虎机游戏

上一篇:这将产生以下结果

下一篇:没有了