一分钟一个美女报时,我还是前几天从网上看到了有美女每分报时!确实有不少人发现了商机在上面打广告我也觉得这是个好的想法,应该行的通(既可以看到时间又可以做广告,最重要的是养眼的美女) 。
所以在这里给大家分享一下我的JS美女报时,当然你可以把这些放到你的网站上去。本人觉得js美女报时最重要的是图片,哪里找这些图片,经过一翻查找,找到了一些日本的美女图片。本人是不愿意的,想找中国台湾的。后来没找到就放弃了,其实还有一个就是大小没有选择只有240*320大小的。勿怪!本文提供1437张美女报时图片下载。在文章底部!
好吧大家就看效果吧
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js美女报时</title>
</head>
<body>
<img src="" id="jstime" style="background:url(http://www.ok22.org/images/loading.gif) no-repeat center center;width:240px;height:320px;border:4px solid #f60;"/>
<script>
function jstime(){
var myDate = new Date();
var mo=myDate.getMonth()+1;
var ye=myDate.getFullYear();
var da=myDate.getDate();
var ho=myDate.getHours();
var mi=myDate.getMinutes();
if(mo<10)mo="0"+mo;
if(da<10)da="0"+da;
if(ho<10)ho="0"+ho;
if(mi<10)mi="0"+mi;
var datas=ye +""+mo+""+da;
var times=ho+""+mi;
document.getElementById("jstime").src="http://i1173.photobucket.com/albums/r595/charrysong/time/"+times+".jpg";
}
std=setInterval("jstime()",1000);
</script>
</body>
</html>
美女报时的图片是通过显示然后另存为网页获取的。按24小时倒计时的方法抓取图片地址(有规律),大家可以试下!(不过建议还是请大家直接到文章底部去下载吧。)因为你可显示出来得花些些时间还要等下加载完才能另存为。
方法代码如下:
<html>
<head>
<title>按24小时倒计时抓取图片</title>
<body>
<div id="timer" style="color:red"></div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime = 24*60 //一个小时,按秒计算,自己调整!
function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
if(minutes<10)
minutes="0"+minutes;
if(seconds<10)
seconds="0"+seconds;
msg = minutes+""+seconds;
//document.all["timer"].innerHTML=msg;
ddocument.getElementById("timer").innerHTML="<img src='http://i1173.photobucket.com/albums/r595/charrysong/time/"+msg+".jpg'/>";
--maxtime;
}
else{
clearInterval(timer);
}
}
timer = setInterval("CountDown()",100);
//-->
</SCRIPT>
</body>
</html>
360云盘下载地址:1437张美女报时图片下载
大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:
【幸凡前端技术交流群】
如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)