这个项目是一个动态的进度时钟，通过视觉化的方式展示当前的时间和日期。时钟不仅显示小时、分钟和秒，还通过环形进度条展示当前月份的天数、小时、分钟和秒的进度。用户可以通过点击不同的时间单位（如小时、分钟等）来查看对应的进度条变化。时钟的设计采用了现代简约风格，支持深色模式，并且会根据用户的系统设置自动切换主题。通过JavaScript动态更新时间和进度条，确保时钟的实时性和准确性。Html代码：<html> <head> <style> * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue), 10%, 90%); --fg: hsl(var(--hue), 10%, 10%...
在开发和维护网站时，确保只有特定的用户或开发人员能够访问某些敏感区域或功能是非常重要的。通过限制访问者的 IP 地址，我们可以有效地控制谁可以访问我们的网站或特定的脚本逻辑。本文将介绍如何优化一个简单的 PHP 脚本，以实现基于 IP 地址的访问控制。PHP代码：// 允许的 IP 地址列表 $allowedIPs = array('127.0.0.1'); // 将这里替换为您想要允许的 IP 地址 // 获取访问者的 IP 地址 $visitorIP = $_SERVER['REMOTE_ADDR']; // 检查访问者的 IP 地址是否在允许的列表中 if (in_array($visitorIP, $allowedIPs)) { // 访问者的 IP 地址在允许的列表中，执行脚本的其余部分 // echo "欢迎您访问此站点！"; // 在这里添加您的脚本逻辑 } else { // 访问者的 IP 地址不在允许的列表中，拒绝访问 header("HTTP/...
图片外链版 PHP代码<?php $txt = "储存图片链接的txt外链"; // 读取远程txt; // 是否存在 if (file_get_contents($txt)) { $data = file($txt); // 将文件存放在一个数组中; $num = count($data); // 条数; $id = mt_rand(0, $num - 1); // 随机数字; $url = chop($data[$id]); // 显示第几行数据,并去除空格; header("location:$url"); } ?>图片本地版 PHP代码<?php header('Cache-Control:no-cache,must-revalidate'); header('Pragma:no-cache'); header("Expires:0"); header("Access-Control-Allow-Origi...
返回上一页代码：// 使用 history.back() 方法 <a href="window.history.back();">返回上一页</a> // 或者使用 history.go(-1) 方法 <a href="javascript:history.go(-1)">返回上一页</a>刷新当前页面代码：// 使用 location.reload() 方法 <a href="window.location.reload();">刷新当前页面</a> // 或者使用 location.href 方法 <a href="window.location.href = window.location.href;">刷新当前页面</a>返回上一页并刷新代码：// 返回上一页并刷新 <a href="javascript:" onclick="self.location=docu...
1、新建一个名为 canvasStar.js的文件2、右键打开该 js 文件，把下面代码复制进去：window.addEventListener("load", () => { var canvas = document.querySelector("#canvas"); var ctx = canvas.getContext("2d"); window.onresize = resizeCanvas; function resizeCanvas() { canvas.width = window.innerWidth; canvas.height = window.innerHeight; } resizeCanvas(); canvas.style.cssText = ` position: fixed; z-index: 1000; pointer-events: none; `; var arr = []; var colo...
一个简单的HTML代码示例，用于在网站顶部添加灯笼效果，以庆祝元旦新年。代码包括灯笼的样式和动画效果，使网站更具节日氛围。通过复制和粘贴代码，您可以轻松地将灯笼装饰添加到您的网站中。有两种效果一种是右侧和两边显示。具体效果请复制代码在本地运行查看效果。两边效果代码<style> .deng-boxposition:fixed;top:-30px;right:-20px;z-index:1999 .deng-box1position:relative;top:-30px;right:30px;z-index:1999 .deng-box1 .dengposition:relative;width:120px;height:90px;margin:50px;background:#d8000f;background:rgba(216,0,15,.8);border-radius:50% 50%;-webkit-transform-origin:50% -100px;-webkit-animation:swing 5s infinite ease-in-out;animat...
利用百度开发接口创建一个网站Ping接口，用于获取IP地址和进行网站测速。通过该接口，用户可以实时监测网站的响应时间和网络性能。代码示例<?php $hh = $_GET['hh'] ?: "\n";//换行符号(默认\n) if ($_GET['url'] == null) { echo "请输入参数！"; exit(); } if (preg_match('/http:\/\//i', $_GET['url']) | preg_match('/https:\/\//i', $_GET['url'])) { echo '不能带http://或https://，只需要输入域名！'; exit(); } $msg = $_GET['url']; $host = $msg; $port = '80'; $num = 2; //Pi...
Get请求函数封装function getUrl($url, $header = []) { $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_HTTPGET, true); if ($header) { curl_setopt($ch, CURLOPT_HTTPHEADER, $header); } curl_setopt($ch, CURLOPT_TIMEOUT, 30); //设置超时时间：30s curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE); //忽略ssl检测 curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, FALSE); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); //1 或 TRUE 将curl_exec()获取的信息以...
以下是一个简单的JavaScript代码示例，用于检测用户是否在微信客户端中打开网页，并根据检测结果限制链接的访问。<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> </head> <body> <script type="text/javascript"> var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromessenger') != -1; var isAndroid = ua.indexOf('android') != -1; var isIos = (ua.indexOf(...
在网页设计中，标题提示（title属性）是一个常用的工具，用于为用户提供额外的信息。然而，默认的浏览器提示样式往往显得单调且不够吸引人。通过使用jQuery，我们可以轻松地美化这些提示，使其更具视觉吸引力，提升用户体验。本示例展示了如何使用jQuery动态创建一个自定义的提示框，并为其添加样式。通过这种方式，您可以确保提示框在页面上的任何位置都能完美显示，并且具有一致的外观和感觉。样式可以查看本站的a或img标签。引入jQuery首先这个功能需要先引入jQuery才能实现。JavaScriptvar sweetTitles = { x: 10, y: 20, tipElements: "a,i,span,img,div", noTitle: false, init: function () { var b = this.noTitle; $(this.tipElements).each(function () { $(this) .mouseover(function (e) { ...