找到
12
篇与
代码
相关的结果
-
随机电脑壁纸api AI摘要：提供随机电脑壁纸API，图片由服务器决定，分为本地请求和外部链接请求两个版本。咋说呢，应该不算api，因为里面的图片是根据我的服务器来决定的，哈哈 😁效果图（刷新网页查看效果） 请求本地图片api 图片 演示站点（刷新网页查看效果） 随机图片api 具体代码如下 这里呢主要分为两个版本，一个从服务器本地请求，一个从外部链接请求[主要展示的是从本地请求图片]f0ad4e <?php // 设置图片存储目录 $imagesDir = './img/'; // 获取所有支持的图片文件（支持JPG/PNG/GIF等格式） $images = glob($imagesDir . '*.{jpg,jpeg,png,gif,webp}', GLOB_BRACE); if (empty($images)) { header("HTTP/1.1 404 Not Found"); die('未找到图片文件'); } // 随机选择一张图片 $randomImage = $images[array_rand($images)]; // 设置HTTP头信息 header('Content-Type: ' . mime_content_type($randomImage)); header('Content-Length: ' . filesize($randomImage)); // 输出图片内容 readfile($randomImage); ?>
-
Typecho博客自定义右键（支持各个主题） AI摘要：为Typecho博客自定义右键菜单，支持各主题，通过复制代码并添加到主题或自定义代码块实现。效果图 000095图片 代码 第一步：复制下列代码 <script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script> <!-- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)} div.usercm ul li a i{margin-right:10px} a.disabled{color:#c8c8c8!important;cursor:not-allowed} a.disabled:hover{background-color:rgba(255,11,11,0)!important} div.usercm{background:#fff !important;} </style> <div class="usercm" style="left: 199px; top: 5px; display: none;"> <ul> <li><a href="/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li> <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li> <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li> <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li> <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li> <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li> <li><a href="/index.php/4.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li> </ul> </div> <script type="text/javascript"> (function(a) { a.extend({ mouseMoveShow: function(b) { var d = 0, c = 0, h = 0, k = 0, e = 0, f = 0; a(window).mousemove(function(g) { d = a(window).width(); c = a(window).height(); h = g.clientX; k = g.clientY; e = g.pageX; f = g.pageY; h + a(b).width() >= d && (e = e - a(b).width() - 5); k + a(b).height() >= c && (f = f - a(b).height() - 5); a("html").on({ contextmenu: function(c) { 3 == c.which && a(b).css({ left: e, top: f }).show() }, click: function() { a(b).hide() } }) }) }, disabledContextMenu: function() { window.oncontextmenu = function() { return !1 } } }) })(jQuery); function getSelect() { "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢！") : document.execCommand("Copy") } function baiduSearch() { var a = window.getSelection ? window.getSelection() : document.selection.createRange().text; "" == a ? layer.msg("啊噢...你没还没选择文字呢！") : window.open("https://www.baidu.com/s?wd=" + a) } $(function() { for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) { d = !1; break } d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu()) }); </script> <!--ruleuser js引入 --> <script src="/user/configs.js?v1.0211"></script> <script type="text/javascript" src="/user/layer/layer.js""></script> <script type="text/javascript" src="/user/main/main.js""></script> <!--ruleuser js引入 -->第二步：找到“适合的位置加到主题或者对应的自定义代码块即可” 第三步：把刚刚复制的代码填进去
-
「 【WEB】给你的网站增加运行时间代码 」 AI摘要：本文介绍了如何为网站添加显示运行时间的代码，包括显示当前日期和自建站以来运行的天数、小时、分钟和秒。演示 000061图片 代码如下 代码一 - <center> 今天是:<span><script language=Javascript type=text/Javascript> var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日 "; else if(myweekday == 1) weekday=" 星期一 "; else if(myweekday == 2) weekday=" 星期二 "; else if(myweekday == 3) weekday=" 星期三 "; else if(myweekday == 4) weekday=" 星期四 "; else if(myweekday == 5) weekday=" 星期五 "; else if(myweekday == 6) weekday=" 星期六 "; document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </script> </div> <center><b><FONT COLOR="#008B00">【本站已经可爱滴运行】</FONT></b> <span id="span_dt_dt"></span> <SCRIPT language=javascript> <!-- //document.write(""); function show_date_time(){ window.setTimeout("show_date_time()", 1000); BirthDay=new Date("3-9-2020 08:00:00");//建站日期 today=new Date(); timeold=(today.getTime()-BirthDay.getTime()); sectimeold=timeold/1000 secondsold=Math.floor(sectimeold); msPerDay=24*60*60*1000 e_daysold=timeold/msPerDay daysold=Math.floor(e_daysold); e_hrsold=(daysold-e_daysold)*-24; hrsold=Math.floor(e_hrsold); e_minsold=(hrsold-e_hrsold)*-60; minsold=Math.floor((hrsold-e_hrsold)*-60); seconds=Math.floor((minsold-e_minsold)*-60); span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ; } show_date_time(); //--> </SCRIPT> </center> </span> 代码二 - <span id="website_runtime"></span> <script type="text/javascript"> function show_runtime(){ // 定时器 window.setTimeout("show_runtime()", 1000); // 开始时间 let start = new Date("2019/02/08 00:00:00"); // 当前时间 let now = new Date(); // 经过时长 let duration = now.getTime() - start.getTime(); // 一天的毫秒数 let msPerDay = 24 * 60 * 60 * 1000; // 天 let _day = duration / msPerDay; let day = Math.floor(_day); // 小时 let _hour = (_day - day) * 24; let hour = Math.floor(_hour); // 分钟 let _minute = (_hour - hour) * 60; let minute = Math.floor(_minute); // 秒 let _second = (_minute - minute) * 60; let second = Math.floor(_second); // 更新span标签内容 website_runtime.innerHTML="本站已运行：" + day + "天" + hour + "小时" + minute + "分" + second + "秒"; } show_runtime(); </script> 代码三 - <span id="website_runtime"></span> <script type="text/javascript"> function show_runtime(){window.setTimeout("show_runtime()",1000);x=new Date("2019/02/08 00:00:00");y=new Date();z=y.getTime()-x.getTime();mspd=24*60*60*1000;_d=z/mspd;d=Math.floor(_d);_h=(_d-d)*24;h=Math.floor(_h);_m=(_h-h)*60;m=Math.floor(_m);_s=(_m-m)*60;s=Math.floor(_s);website_runtime.innerHTML="本站已运行："+d+"天"+h+"小时"+m+"分"+s+"秒";}show_runtime(); </script> 然后加在你网站的底部代码中，改一下代码中的时间信息即可
-
js实现页面窗口录制 AI摘要：使用JavaScript实现页面窗口录制，通过在线demo和代码示例展示如何获取屏幕流，使用MediaRecorder录制视频，并在网页中播放和下载录制内容。一,在线demo 1、在线demo地址：http://ys.100000.icu/00007 注：目前测试发现只有在chrome浏览器里可以使用 二、直接上代码 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title> <meta charset="UTF-8" /> </head> <body> <video class="video" width="600px" controls></video> <button class="record-btn">录制</button> <script> let btn = document.querySelector(".record-btn") btn.addEventListener("click", async function () { let stream = await navigator.mediaDevices.getDisplayMedia({ video: true }) const mime = MediaRecorder.isTypeSupported("video/webm; codecs=vp9") ? "video/webm; codecs=vp9" : "video/webm" let mediaRecorder = new MediaRecorder(stream, { mimeType: mime }) let chunks = [] mediaRecorder.addEventListener('dataavailable', function (e) { chunks.push(e.data) }) mediaRecorder.addEventListener('stop', function () { let blob = new Blob(chunks, { type: chunks[0].type }) let url = URL.createObjectURL(blob) let video = document.querySelector(".video") video.src = url let a = document.createElement('a') a.href = url a.download = 'video.webm' a.click() }) mediaRecorder.start() }) </script> </body> </html>三,效果 操作步骤： 1、点击录制按钮后，在弹窗窗口中选择需要录制的窗口，并点击分享后开始录制 000057图片 2、录制中时，页面底部会有停止共享的按钮，点击即可结束录制，并下载录制视频到本地，同时可在该页面播放 000058图片
