圣诞节宣传html5,HTML5带下雪背景的圣诞节倒计时画面

JavaScript

语言:

JaveScriptBabelCoffeeScript

确定

myDate = new Date();

xmas = Date.parse("Dec 25, " + myDate.getFullYear())

today = Date.parse(myDate)

daysToChristmas = Math.round((xmas - today) / (1000 * 60 * 60 * 24))

if (daysToChristmas == 0)

$('#days').text("It's Christmas!! Merry Christmas!");

if (daysToChristmas < 0)

$('#days').text("Christmas was " + -1 * (daysToChristmas) + " days ago.");

if (daysToChristmas > 0)

$('#days').text(daysToChristmas + " days to Christmas!");

//make snow

snowDrop(150, randomInt(1035, 1280));

snow(150, 150);

function snow(num, speed) {

if (num > 0) {

setTimeout(function() {

$('#drop_' + randomInt(1, 250)).addClass('animate');

num--;

snow(num, speed);

}, speed);

}

};

function snowDrop(num, position) {

if (num > 0) {

var drop = '

$('body').append(drop);

$('#drop_' + num).css('left', position);

num--;

snowDrop(num, randomInt(60, 1280));

}

};

function randomInt(min, max) {

return Math.floor(Math.random() * (max - min + 1) + min);

};

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值