网奇网站建设 | 网站制作 | 网站设计
阅读新闻

倒计时代码CSS

来源:  作者: [字体: ]

 对于自己制作网站的朋友们在网站制作中可能会用到下面的一段代码。在这里给大家分享一段时间倒计时的代码:效果如下图所示。

 

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>倒计时代码</title>

<script type="text/javascript">

function setBackTime(y/*year*/,m/*month*/,d/*day*/,h/*hour*/,s/*minutes*/){

 var str = "var end = new Date(parseInt("+y+"),parseInt("+m+")-1,parseInt("+d+")";

 if(typeof h !="undefined"){

  str += ",parseInt("+h+")" 

 }

 if(typeof s !="undefined"){

  str += ",parseInt("+s+")" 

 }

 str +=");";

 eval(str);

 var now = new Date();

 var sp = end.getTime() - now.getTime();//毫秒数

 sp = Math.ceil(sp/(1000*60*60*24));

 return sp;

}

window.onload = function(){

 var doc = document.getElementById("showDay");

 setInterval(function(){

  doc.innerHTML = setBackTime(2013,12,12); 

 },1000); 

}

</script>

</head>


<body>

距离2013-12-12还有<span id="showDay"></span>

</body>

</html>


   此代码可以自己添加到网站页面代码里,实现您想要的距离某个日子还有多少天的效果,每过一天数字就减少1。可以将此代码添加到您的网站首页代码中使用。其中代码里的20131212这个数字是可以自己随意更改的。也可以改成文字,比如距离2014.1.31还有多少天。

   这段代码希望给那些愿意学习HTMLCSS 的朋友们提供帮助。大家可以用来测试使用。


网奇网络原创文章,本文地址:http://www.yeniucuz.com/html/2014-01/20222.htm,转载请注明出处。

收藏 推荐 打印 | 阅读:
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数
点评:
评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
关于网奇
汇款方式
招纳贤士
加入收藏
网站地图
网站搜索
Hot Search:A|B|C|D|E|F|G|H|I|J|K|L|M|N|O|P|Q|R|S|T|U|V|W|X|Y|Z
金亚洲备用