倒计时代码素材有毫秒显示
作者:佳明妈 来源:jquery特效 2014-06-02 人气:倒计时代码素材有毫秒显示,这种有类似毫秒显示的倒计时代码给人一种紧迫感,代码特效的动感也更强,在购物网站、抢购活动等页面经常有这种倒计时代码效果
倒计时代码素材有毫秒显示,这种有类似毫秒显示的倒计时代码给人一种紧迫感,代码特效的动感也更强,在购物网站、抢购活动等页面经常有这种倒计时代码效果。当然这里的“毫秒”并非真正的毫秒数只是看起来有这种效果。
js代码如下:
<span id="clock"></span>
<script>
function displayTime(){
var elt = document.getElementById("clock");
if(leftTime<0){
elt.innerHTML = "Over";
}
else{
//结束时间,需自定义 懒人建站 http://www.51xuediannao.com
var endTime = new Date("2014/07/8 18:45:13");
var now = new Date();
var leftTime = endTime.getTime() -now.getTime();
var ms = parseInt(leftTime%1000).toString();
leftTime = parseInt(leftTime/1000);
var o = Math.floor(leftTime / 3600);
var d = Math.floor(o/24);
var m = Math.floor(leftTime/60%60);
var s = leftTime%60;
elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
setTimeout(displayTime,100);
}
}
displayTime();
</script>
懒人建站整理
js代码如下:
<span id="clock"></span>
<script>
function displayTime(){
var elt = document.getElementById("clock");
if(leftTime<0){
elt.innerHTML = "Over";
}
else{
//结束时间,需自定义 懒人建站 http://www.51xuediannao.com
var endTime = new Date("2014/07/8 18:45:13");
var now = new Date();
var leftTime = endTime.getTime() -now.getTime();
var ms = parseInt(leftTime%1000).toString();
leftTime = parseInt(leftTime/1000);
var o = Math.floor(leftTime / 3600);
var d = Math.floor(o/24);
var m = Math.floor(leftTime/60%60);
var s = leftTime%60;
elt.innerHTML = o + "小时:" + m + "分:" + s + "秒:" + ms.charAt(0);
setTimeout(displayTime,100);
}
}
displayTime();
</script>
懒人建站整理
↓ 查看全文
倒计时代码素材有毫秒显示由懒人建站收集整理,您可以自由传播,请主动带上本文链接
懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。
倒计时代码素材有毫秒显示-最新评论