用html,css,Javascript制作12小时制时钟特效。

用html,css,Javascript制作12小时制时钟特效。,第1张

<!DOCTYPE html>

<html>

  <head>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8">

<title>技能训练4-5</title>

<style>

div.wrap{

margin: 0 auto

width:400px

height:110px

border:1px solid gray

}

div.wrap>#b{

text-align:center

font:bolder 30px '宋体'

color:red

background-color:gray

height:40px

}

div.wrap>#c{

text-align:center

font:normal 25px '黑体'

}

</style>

<script>

onload=function(){

var c=document.getElementById("c")

setInterval(function(){

var now=new Date

var y=now.getFullYear()

var M=now.getMonth()+1

var d=now.getDate()

var h=now.getHours()

var m=now.getMinutes()

var s=now.getSeconds()

var e=now.getDay()

var w

if(h<12){

w="上午"

}else if(w<18){

w="下午"

}else{

w="晚上"

}

h=h>12?h-12:h

h=h<10?"0"+h:h

m=m<10?"0"+m:m

s=s<10?"0"+s:s

c.innerHTML=y+"年"+M+"月"+d+"日 星期"+"日一二三四五六".split("")[e]

+"<br />"+w+" "+h+":"+m+":"+s

},1000)

}

</script>

  </head>

<body>

    <div class="wrap">

<div id="b">

 <span>我的小时钟</span>

</div>

<div id="c">

</div>

</div>

  </body>

</html>

content="5 是你设置的时间

<html>

<head>

<meta http-equiv="Content-Language" content="zh-CN">

<meta HTTP-EQUIV="Content-Type" CONTENT="text/htmlcharset=gb2312">

<meta http-equiv="refresh" content="5url=http://你要跳转地址">

<title>404出错啦!!!</title>

<style type="text/css">

<!--

.STYLE10 {font-size: 16pxcolor: #FF0000font-family: "微软雅黑"}

-->

</style>

</head>

<body>

<p> </p>

<p align="center"><img src="404图片.gif" alt="404" width="512" height="312" longdesc="http://地址"></p>

<p align="center" class="STYLE10">您所访问的页面不存在或已被作者转移,现转入首页,请稍后...</p>

<p align="center"><span class="STYLE10">若您的浏览器不支持自动跳转,<a href="http://地址" target="_self" style="color:#FF3300"><strong>请点击这里</strong></a></span></p>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6172288.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存