时间:2023-07-26 08:54:02 | 来源:网站运营
时间:2023-07-26 08:54:02 来源:网站运营
HTML+CSS+JavaScript制作结婚倒计时网页模板 520情人节表白源码HTML 七夕情人节表白源码HTML 生日祝福代码HTML:一年一度的/520情人节/七夕情人节/生日礼物/告白师妹/圣诞节/元旦节跨年/程序员表白
,<!-- * @Author: your name * @Date: 2021-04-09 15:18:51 * @LastEditTime: 2021-04-09 16:13:21 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /结婚倒计时/index.html--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>结婚倒计时</title> <link rel="stylesheet" href="css/styles.css" /> </head> <body> <div class="banner-container"> <div class="heading"> <h2>小柳 & 小冯</h2> <h3>我们要结婚了</h3> <h5>2021年05月20日</h5> </div> <div class="countdown styled"></div> <div class="copyrights">版权所有 © 2021.保留所有权利</div> </div> <script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="js/jquery.countdown.js"></script> <script type="text/javascript" src="js/custom.js"></script> </body></html>
/* * @Author: your name * @Date: 2021-04-09 15:18:51 * @LastEditTime: 2021-04-09 16:09:01 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: /结婚倒计时/js/custom.js */$(function () { var endDate = "5 20, 2021 9:00:00"; // 到期时间 $(".countdown.styled").countdown({ date: endDate, render: function (data) { $(this.el).html( "<div>" + this.leadingZeros(data.days, 3) + " <span>天</span></div><div>" + this.leadingZeros(data.hours, 2) + " <span>小时</span></div><div>" + this.leadingZeros(data.min, 2) + " <span>分</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>秒</span></div>" ); }, });});
关键词:表白,七夕,模板,结婚