版权属于:
Datehoer的Blog-个人博客-技术分享
作品采用:
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
<body>
<div>
<progress value= "10" max= "26300" class= "dayjdt" ></progress>
</div>
<script>
function runday (){
var ontime = new Date ( "2000-12-10 15:30:00" );
var nowtime = new Date ();
var timeDifference = ( nowtime . getTime () - ontime . getTime ());
var ms = 86400000 ;
var day = Math . floor ( timeDifference / ms );
//var averageLife = 26300;
$ ( ".dayjdt" ) . val ( day );
$ ( ".dayjdt" ) . attr ( "title" , day );
}
setInterval ( runday , 86400000 );
</script>
</body>
其实是很简单的,跟我主页上面的那个计算网站运行多久类似的代码,只不过我这个最后面使用的jquery写的,前面的数据获取还是用的var。
当然如果想看效果的话可以把最后的setinterval的间隔时间改为1000,不过其实毕竟是计算天的,所以并没有明显的效果,可以改变电脑时间来看具体的效果,我这里就不演示啦。
代码逻辑我觉得还是非常清晰的,所以就不多做概述了。一看就懂。
评论 (0)