Javascript(js)倒计时代码、jquery代码
在很多的商城类网站上都会看到用javascript写的倒计时效果,特别是打折促销的时候,淘宝、天猫、聚划算网站上都有,下面用js写出倒计时效果的最简单的代码。
效果图如下:
Html代码部分:
<div id="time">10</div>
Css代码部分:
<title>js倒计时代码</title>
<style type="text/css">
*{margin:0px;padding:0px}
#time{width:100px;height:100px;margin:100px auto;text-align:center;
line-height:100px;background:red;font-size:20px;color:white}
html特效代码照片</style>
Javascript部分:
<script type="text/javascript">
var code=10;
var URL;
function aa(url){
URL=url;
for(var i=code; i>=0; i--){
window.setTimeout("a("+i+")",(code-i)*1000);
}
}
function a(num){
ElementById("time").innerHTML=num;
if(num==0){
window.location=URL;
}
}
aa("想要跳转到的那个网址")
</script>
以上是用javascript写出倒计时的最简单的代码,如果需要可以根据自己的实际情况来进行适配,只要整体js代码不出错就没问题。赵一鸣随笔博客中有更多的javascript效果写法的高清视频,搜索一下就能到。以上效果中所用的图片可以根据自己的情况来进行替换,只要代码没问题,就肯定有效果的。
如果有兴趣,还可以去各大商城网站去看一下他们的倒计时代码,所有的商城网站都有这种效果,特别是聚划算这种打折类商城。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论