- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2Adobe Illustrator CS5 序列号大全
- 3picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5苹果iphone自动时间不准确的多种校正方法
- 6PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 9ipad版office如何激活? office365激活的图文说明教程
- 10最新的Adobe Illustrator CS4序列号大全
- 11Mac怎么通过设置VPN来登录youtube等国外网站
- 12qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
[摘要]一、简介编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下：年月日，周几，时分秒都会随着系统时间的走动而改变二、代码<!DOCTYPE html><html lang="en"><head><meta charset=&quo...
一、简介
编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下：
年月日，周几，时分秒都会随着系统时间的走动而改变
二、代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
<style type="text/css">
*{
margin:0;
padding: 0;
font-size: 0px;
font-family: '微软雅黑';
}
.contain-wrapper{
margin: 0 auto;
padding-top: 70px;
width: 470px;
height: 230px;
background: #000000;
border-radius: 30px;
}
.timer-wrapper p{
font-size: 44px;
color: #ffffff;
}
.year{
width: 470px;
text-align: center;
}
.timer-footer{
width: 460px;
text-align: center;
}
.timer-footer p:nth-child(1){
display: inline-block;
}
.timer-footer p:nth-child(2){
display: inline-block;
}
</style></head><body>
<p class="contain-wrapper">
<p class="timer-wrapper">
<p class="year"></p>
<p class="timer-footer">
<p></p>
<p></p>
</p>
</p>
</p></body><script type="text/javascript">
/*
*这是一个获取当前日期的函数 */
function showLocaleDate(objb){
var str = objb.getFullYear()+"年"+(objb.getMonth()+1)+"月"+objb.getDate()+"日";
return str;
}
var year=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[0];
/*
*这是一个获取星期几的函数 */
function showLocaleWeek(objC){
var weekArray = new Array("日", "一", "二", "三", "四", "五", "六");
var week = objC.getDay();
var weekString = "星期"+ weekArray[week];
return weekString;
}
var wk=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[1]; /*
*这是一个获取当前时间的函数 */
function showLocaleTime(objD){
var hh = objD.getHours();
if(hh<10) hh = '0' + hh;
var mm = objD.getMinutes();
if(mm<10) mm = '0' + mm;
var ss = objD.getSeconds();
if(ss<10) ss = '0' + ss;
var reflash=hh + ":" + mm + ":" + ss;
return reflash;
} var now=document.getElementsByClassName('timer-wrapper')[0].getElementsByTagName('p')[2]; function showTime(){ var today=new Date();
year.innerHTML=showLocaleDate(today);
wk.innerHTML=showLocaleWeek(today);
now.innerHTML=showLocaleTime(today);
window.setTimeout("showTime()",1000);
}
showTime();
</script>
</html>以上就是制作一个会跳动的日历 的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1Nero刻录超过4.7G的大视频的方法
- 2西瓜播放器手机版如何用
- 3复制优酷视频的flash地址的方法
- 4爱奇艺激活码免费获得的方法与使用方法
- 5乐鱼影音盒如何？乐鱼影音盒4大特色技巧说明
- 6暴风影音分享给好友技巧设置方法
- 7YY直播助手如何用？YY直播助手新用户使用图文说明教程
- 8YY直播助手桌面捕捉技巧使用方法
- 9页面YY迷你版如何用？页面YY迷你版使用方法图解
- 10乐鱼影音盒音量控制的4种方法
- 11唱吧提取大师如何下载音乐？唱吧提取大师使用方法
- 12PPTV网络电视删除广告方法_pptv网络电视_下载之家
- 1DOTA2玩家最爱的变声软件MorphVOX Pro在什么地方里下载？
- 2（视频）YY上如何男变女声？VCS变声器使用方法
- 32016年4月19日更新的优酷vip会员账号
- 4爱奇艺最新免费会员密码分享（更新至2016年4月19日）
- 5如何找到Excel2007的简繁转换技巧？
- 6JS的闭包与定时器
- 7苹果ios9.3beta4下载地址 ios9.3beta4固件官方下载网址
- 8微信支付天天立减活动怎么玩 微信支付天天立减活动玩法说明
- 9html完成在消息按钮上增加数量角标的完成代码
- 10如何能做出可以拖动的DIV层提示窗口
- 11Excel2007设置批注格式
- 12兰博基尼88 tauri多少钱？tonimo兰博基尼88 tauri价格
