博客主页
文章

Count:

计 59 篇
137
倒计时
倒计时
分类: 技术
简介:今天给大家分享一个简单又炫酷的网站小工具 倒计时代码,挺适合网站做一些限时推广、限时会员、限时售东西等等。😜倒计时HTML+CSS+JS都放到一起了,如果觉得不妥,自己修改吧!😄 # 示例: .se kl{width:190px;height:275px;background color:#e83632;margin:auto;position:relative}.se cn{position:absolute;top:42px;left:0;width:100%;text align:center;font size:34px;color:#fff}.se en{position:absolute;top:90px;left:0;width:100%;text align:center;font size:20px;color:rgba(255,255,255,.5)}.se io{width:20px;height:33px;position:absolute;background:url(https://img.wiiuii.cn/img/seckill.png) no repeat;background position: 32.5px 0;background size:52.5px 40px;left:85px;top:126px;display:block}.se info{position:absolute;top:170px;text align:center;width:100%;font size:16px;color:#fff}.se count{position:absolute;top:212px;left:30px;height:40px}.se day{display:none}.se hour,.se min,.se sec{position:relative;background color:#2f3430;width:40px;height:40px;float:left;text align:center;line height:40px;margin right:5px}.se txt{font size:20px;font weight:700;color:#fff}.se txt:before{content:"";display:block;position:absolute;top:50%;left:0;width:100%;height:1px;background color:#e83632} 倒计时 COUNT DOWN 距离结束还剩 00 00 00 $(document).ready(function () { var oDate = new Date(); var nowTime = oDate.getTime(); //现在的毫秒数 oDate.setDate(oDate.getDate() + 1); // 设定截止时间为第二天 var targetDate = new Date(oDate.toLocaleDateString()); run(targetDate); }); function run(enddate) { getDate(enddate); setInterval("getDate('" + enddate + "')", 500); } function getDate(enddate) { var oDate = new Date(); //获取日期对象 var nowTime = oDate.getTime(); //现在的毫秒数 var enddate = new Date(enddate); var targetTime = enddate.getTime(); // 截止时间的毫秒数 var second = Math.floor((targetTime nowTime) / 1000); //截止时间距离现在的秒数 var day = Math.floor(second / 24 * 60 * 60); //整数部分代表的是天;一天有24*60*60=86400秒 ; second = second % 86400; //余数代表剩下的秒数; var hour = Math.floor(second / 3600); //整数部分代表小时; second %= 3600; //余数代表 剩下的秒数; var minute = Math.floor(second / 60); second %= 60; var spanH = $('.se txt')[0]; var spanM = $('.se txt')[1]; var spanS = $('.se txt')[2]; spanH.innerHTML = tow(hour); spanM.innerHTML = tow(minute); spanS.innerHTML = tow(second); } function tow(n) { return n >= 0 && n < 10 ? '0' + n : '' + n; } 代码部分 - 隐藏 -
155
网站复制弹窗
网站复制弹窗
分类: 技术
简介:给自己的网站加一个复制弹窗(水印)代码如下 👇<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script> <script type="text/javascript"> /**复制自动添加版权声明*/ $(document).on("copy", function(e) { var selected = window.getSelection(); var selectedText = selected.toString().replace(/\n/g, "<br>"); var copyFooter = "<br> <br>著作权归作者所有。<br>" + "商业转载请联系作者获得授权,非商业转载请注明出处。<br>" + "作者:CC star<br> 源地址:" + document.location.href + "<br>来源:星鹿语<br>© 版权声明:本文为博主原创文章,转载请务必保留原文链接!"; if (document.location.pathname === "/") { var copyFooter = "<br> <br>" + "来源:星鹿语<br> 源地址:" + document.location.href + "<br>© 版权声明:商业转载请联系作者获得授权,非商业转载请注明出处。<br>"; } var msgContent = '<span style="font weight: 700;margin: 0 !important;">【星鹿语(tdcat.cn)】<br>复制成功,若要转载请务必保留原文链接</span>' + copyFooter; layer.msg(msgContent, { time: 2000, shift: 2, shade: 0.3, skin: "wiiuii layer mode" }); var copyHolder = $("<div>", { id: "temp", html: selectedText + copyFooter, style: { position: "absolute", left: " 99999px" } }); $("body").append(copyHolder); selected.selectAllChildren(copyHolder[0]); window.setTimeout(function() { copyHolder.remove(); }, 0); }); </script>
170
英语真题网站
英语真题网站
分类: 简文
简介:前言记一个英语真题的网站,都是历年的题,好用,不用花很多心思去到处找注意免费的地方需付费的地方9.9元的半年高级版网站截图 👇官网点击这里 👈
145
OSI参考模型
OSI
OSI参考模型
分类: 简文
简介:OSI参考模型的简介1、为了更好地促进互联网络的研究和发展,国际标准化组织ISO制定了网络互连的七层框架的一个参考模型,称为开放系统互连参考模型,简称OSI/RM(Open System Internetwork Reference Model)。 OSI参考模型是一个具有7层协议结构的开放系统互连模型,是由国际标准化组织在20世纪80年代早期制定的一套普遍适用的规范集合,使全球范围的计算机可进行开放式通信2、OSI参考模型是一个具有七层结构的体系模型。发送和接收信息所涉及的内容和相应的设备称为实体。OSI的每一层都包含多个实体,处于同一层的实体称为对等实体3、OSI参考模型也采用了分层结构技术,把一个网络系统分成若干层,每一层都去实现不同的功能,每一层的功能都以协议形式正规描述,协议定义了某层同远方一个对等层通信所使用的一套规则和约定。每一层向相邻上层提供一套确定的服务,并且使用与之相邻的下层所提供的服务。从概念上来讲,每一层都与一个远方对等层通信,但实际上该层所产生的协议信息单元是借助于相邻下层所提供的服务传送的。因此,对等层之间的通信称为虚拟通信4、OSI参考模型是一个具有七层次的框架,自底向上的七个层次分别为:物理层(物理介质,比特流)、数据链路层(网卡、交换机)、网络层(IP协议)、传输层(TCP/UDP协议)、会话层(创建/建立/断开连接)、表示层(翻译,编码,压缩,加密)、应用层(HTTP协议)国家标准化组织(ISO)于1979年建立了OSI参考模型OSI层次划分原则OSI划分层次结构的优越性OSI层次结构模型OSI参考模型的特点OSI参考模型的各层功能(1)物理层OSI参考模型的最低层,建立在通信介质基础上,实现设备之间的物理接口,以便透明地传送“比特”流。物理层传输的单位是比特(Bit) ,即0和1,也就是最基本的电信号或光信号,是最基本的物理传输特征。物理层标准要给出关于物理接口的机械、电气、功能和规程特性,以便于不同的制造厂家既能够根据公认的标准各自独立地制造设备,又能使各个厂家的产品能够相互兼容(2)数据链路层提供数据的流量控制检测和纠正物理链路产生的差错在物理层提供比特流传输服务的基础上,数据链路层(Data Link Layer )通过在通信的实体之间建立数据链路连接,传送以“帧”为单位的数据,使有差错的物理线路变成无差错的数据链路,保证点到点可靠的数据传输(3)网络层负责信息寻址,将逻辑地址和名字转换为物理地址OSI参考模型中的第三层,它建立在数据链路层所提供的两个相邻节点间数据帧的传送功能之上,将数据从源端经过若干中间节点传送到目的端(4)传输层传输层关心的主要问题是建立、维护和拆除传输连接主要目的是向用户提供无差错可靠的端到端(end to end )服务,透明地传送报文,提供端到端的差错恢复和流量控制。由于它向高层屏蔽了下层数据通信的细节,因而是计算机通信体系结构中最关键的一层(5)会话层就像它的名字一样,会话谣(Session Layer )实现建立管理和终止应用程序进程之间的会话和数据交换,即指通信双方一次完整的信息交互,负责发起、维护、终止应用程序之间的通信(会话)会话层协议涉及传输方式(半双工、全双工)、会话质量(传输延迟、吞吐量等)等方面的标准(6)表示层表示层(Presentation Layer )保证一个系统应用层发出的信息能被另一个系统的应用层读出,即规定了计算机之间交换数据的格式负责数据格式的转换、压缩与解压缩、加密与解密(7) 应用层应用层(Application Layer )是OSI参考模型中最靠近用户的一层,是应用程序访问网络服务的接C ],它为用户的应用程序提供网络服务,这些应用程序包括电子数据表格程序、字处理程序和银行终端程序等应用层的协议很多,如支持万维网的HTTP协议,支持电子邮件的SMTP协议,支持文件传输的FTP协议等等OSI参考模型的优点(1)、分工合作,责任明确性质相似的工作划分在同一层,性质相异的工作则划分到不同层。如此一来,每一层所负责的工作范围,都区分得很清楚,彼此不会重叠。万一出了问题,很容易判断是哪一层没做好,就应该先改善该层的工作,不至于无从着手(2)、对等交谈对等是指所处的层级相同,对等交谈意指同一层找同一层谈,例如:第3层找第3层谈、第4层找第4层谈…依此类推。所以某一方的第N层只与对方的第N层交谈,是否收到、解读自己所送出的信息即可,完全不必关心对方的第N 1层或第N+1层会如何做,因为那是由一方的第N 1层与第N+1层来处理双方以对等身份交谈是常用的规则,这样的最大好处是简化了各层所负责的事情。因此,通信协议是对等个体通信时的一切约定(3)、逐层处理,层层负责既然层次分得很清楚,处理事情时当然应该按部就班,逐层处理,决不允许越过上一层,或是越过下一层。因此,第N层收到数据后,一定先把数据进行处理,才会将数据向上传送给第N+1层,如果收到第N+1层传下来的数据,也是处理无误后才向下传给第N 1层。任何一层收到数据时,都可以相信上一层或下一层已经做完它们该做的事,层级的多少还要考虑效率与实际操作的难易,并非层数越多越好
250
Emoji 可复制静态表情符号
Emoji 可复制静态表情符号
分类: 简文
简介:表情类😀😁😂😃😄😅😆😉😊😋😎😍😘😗😙😚☺😇😐😑😶😏😣😥😮😯😪😫😴😌😛😜😝😒😓😔😕😲😷😖😞😟😤😢😭😦😧😨😬😰😱😳😵😡😠🤬 😷 🤒 🤕 🤢 🤮 🤧 😇 🤠 🤡 🤥 🤫 🤭 🧐 🤓 😈 👿 👹 👺 💀 👻 👽 🤖💣 💩😺 😸 😹 😻 😼 😽 🙀 😿 😾动物与自然类🐶 🐱 🐭 🐹 🐰 🦊 🦝 🐻 🐼 🦘 🦡 🐨 🐯 🦁 🐮 🐷 🐽 🐸 🐵 🙈 🙉 🙊 🐒 🐔 🐧 🐦 🐤 🐣 🐥 🦆 🦢 🦅 🦉 🦚 🦜 🦇 🐺 🐗 🐴 🦄 🐝 🐛 🦋 🐌 🐚 🐞 🐜 🦗 🕷 🕸 🦂 🦟 🦠 🐢 🐍 🦎 🦖 🦕 🐙 🦑 🦐 🦀 🐡 🐠 🐟 🐬 🐳 🐋 🦈 🐊 🐅 🐆 🦓 🦍 🐘 🦏 🦛 🐪 🐫 🦙 🦒 🐃 🐂 🐄 🐎 🐖 🐏 🐑 🐐 🦌 🐕 🐩 🐈 🐓 🦃 🕊 🐇 🐁 🐀 🐿 🦔 🐾 🐉 🐲 🌵 🎄 🌲 🌳 🌴 🌱 🌿 ☘️ 🍀 🎍 🎋 🍃 🍂 🍁 🍄 🌾 💐 🌷 🌹 🥀 🌺 🌸 🌼 🌻 🌞 🌝 🌛 🌜 🌚 🌕 🌖 🌗 🌘 🌑 🌒 🌓 🌔 🌙 🌎 🌍 🌏 💫 ⭐️ 🌟 ✨ ⚡️ ☄️ 💥 🔥 🌪 🌈 ☀️ 🌤 ⛅️ 🌥 ☁️ 🌦 🌧 ⛈ 🌩 🌨 ❄️ ☃️ ⛄️ 🌬 💨 💧 💦 ☔️ ☂️ 🌊 🌫水果饮食类🍏 🍎 🍐 🍊 🍋 🍌 🍉 🍇 🍓 🍈 🍒 🍑 🍍 🥭 🥥 🥝 🍅 🍆 🥑 🥦 🥒 🥬 🌶 🌽 🥕 🥔 🍠 🥐 🍞 🥖 🥨 🥯 🧀 🥚 🍳 🥞 🥓 🥩 🍗 🍖 🌭 🍔 🍟 🍕 🥪 🥙 🌮 🌯 🥗 🥘 🥫 🍝 🍜 🍲 🍛 🍣 🍱 🥟 🍤 🍙 🍚 🍘 🍥 🥮 🥠 🍢 🍡 🍧 🍨 🍦 🥧 🍰 🎂 🍮 🍭 🍬 🍫 🍿 🧂 🍩 🍪 🌰 🥜 🍯 🥛 🍼 ☕️ 🍵 🥤 🍶 🍺 🍻 🥂 🍷 🥃 🍸 🍹 🍾 🥄 🍴 🍽 🥣 🥡 🥢人物类👦👧👨👩👴👵👶👱👮👲👳👷👸💂🎅👰👼💆💇🙍🙎🙅🙆💁🙋🙇🙌🙏👤👥🚶🏃👯💃👫👬👭💏💑👪👣👀👂👃👅👄💋👓👔👕👖👗👘👙👚👛👜👝🎒💼👞👟👠👡👢👑👒🎩🎓💄💅💍🌂💪👈👉☝👆👇✌✋👌👍👎✊👊👋👏👐✍物品办公类💌💎🔪💈🚪🚽🚿🛁⌛⏳⌚⏰🎈🎉🎊🎎🎏🎐🎀🎁📯📻📱📲☎📞📟📠🔋🔌💻💽💾💿📀🎥📺📷📹📼🔍🔎🔬🔭📡💡🔦🏮📔📕📖📗📘📙📚📓📃📜📄📰📑🔖💰💴💵💶💷💸💳✉📧📨📩📤📥📦📫📪📬📭📮✏✒📝📁📂📅📆📇📈📉📊📋📌📍📎📏📐✂🔒🔓🔏🔐🔑🔨🔫🔧🔩🔗💉💊🚬🔮🚩🎌💦💨公共场所类♻🏧🚮🚰♿🚹🚺🚻🚼🚾⚠🚸⛔🚫🚳🚭🚯🚱🚷🔞💈运动爱好类🎪🎭🎨🎰🚣🛀🎫🏆⚽⚾🏀🏈🏉🎾🎱🎳⛳🎣🎽🎿🏂🏄🏇🏊🚴🚵🎯🎮🎲🎷🎸🎺🎻🎬交通类🌋🗻🏠🏡🏢🏣🏤🏥🏦🏨🏩🏪🏫🏬🏭🏯🏰💒🗼🗽⛪⛲🌁🌃🌆🌇🌉🌌🎠🎡🎢🚂🚃🚄🚅🚆🚇🚈🚉🚊🚝🚞🚋🚌🚍🚎🚏🚐🚑🚒🚓🚔🚕🚖🚗🚘🚚🚛🚜🚲⛽🚨🚥🚦🚧⚓⛵🚤🚢✈💺🚁🚟🚠🚡🚀🎑🗿🛂🛃🛄🛅标志类♠♥♦♣🀄🎴🔇🔈🔉🔊📢📣💤💢💬💭♨🌀🔔🔕✡✝🔯📛🔰🔱⭕✅☑✔✖❌❎➕➖➗➰➿〽✳✴❇‼⁉❓❔❕❗©®™🎦🔅🔆💯♈♉♊♋♌♍♎♏♐♑♒♓⛎🔠🔡🔢🔣🔤🅰🆎🅱🆑🆒🆓ℹ🆔Ⓜ🆕🆖🅾🆗🅿🆘🆙🆚🈁🈂🕛🕧🕐🕜🕑🕝🕒🕞🕓🕟🕔🕠🕕🕡🕖🕢🕗🕣🕘🕤🕙🕥🕚🕦⌛⏳⌚⏰⏱⏲🕰⬛⬜🔶🔷🔸🔹🔺🔻💠🔲🔳⚪⚫🔴🔵💘❤💓💔💕💖💗💙💚💛💜💝💞💟❣
博客主页 数据猫 漫游于星空的数据猫
技术支持 CC 数据猫. 2025
打赏图
打赏博主
欢迎
欢迎
欢迎访问数据猫
搜 索
足 迹
分 类
  • 简文
  • 技术
  • 娱乐