最近再写一个纯html页面,有时间和天气的数据,天气后台给接口,时间要自己获取,我就自己弄了下,
<div class="basic"></div>
这是放时间的div
//这是首次加载显示的*************************
var myDate = new Date(); var year = myDate.getFullYear();//获取年 var month = myDate.getMonth() + 1;//获取月,默认从0开始,所以要加一 var date = myDate.getDate();//获取日 var hours = myDate.getHours();//获取小时 var minutes = myDate.getMinutes();//获取分 var seconds = myDate.getSeconds();//获取秒 var weekend = myDate.getDay(); //获取星期几,这里获得到的是数字1-7,所以我下面自己new了一个数组把获取到的数字当下标 var weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); var day = weeks[weekend]//这样就是显示的星期x了
//这些if判断是在小于10的时候前面自动补0 if (month<10) { month = \'0\'+month } if (date<10) { date = \'0\'+date } if (hours<10) { hours = \'0\'+hours } if (minutes<10) { minutes = \'0\'+minutes } if (seconds<10) { seconds = \'0\'+seconds } $(\'.basic\').append("<span class=\'year\'>"+year+"-"+month+"-"+date+"</span>"+" ")//拼接年月日 $(\'.basic\').append("<span class=\'hours\'>"+hours+":"+minutes+":"+seconds+"</span>"+" ")//拼接时分秒 $(\'.basic\').append("<span class=\'day\'>"+day+"</span>"+" ")星期几 //这里是每隔一秒调用一次改变时分秒的函数*********************************
$(function(){ setInterval("changeTime();",1000); //每隔一秒运行一次 }) function changeTime() { myDate = new Date(); year = myDate.getFullYear(); month = myDate.getMonth() + 1; date = myDate.getDate(); hours = myDate.getHours(); minutes = myDate.getMinutes(); seconds = myDate.getSeconds(); weekend = myDate.getDay(); weeks = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); day = weeks[weekend] if (month<10) { month = \'0\'+month } if (date<10) { date = \'0\'+date } if (hours<10) { hours = \'0\'+hours } if (minutes<10) { minutes = \'0\'+minutes } if (seconds<10) { seconds = \'0\'+seconds }
//这里替换第一次加载的数据 $(\'.year\').html(year+"-"+month+"-"+date) $(\'.hours\').html(hours+":"+minutes+":"+seconds) $(\'.day\').html(day) }
水平有限,就现在这里记录一下吧