当前位置： 首页 > news >正文

web前端JS基础-----制作进度条

news 2026/5/14 11:13:57

1，参考代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body><progress id="pro" max="100" value="0"></progress><script type="text/javascript">//方法一：使用setInterval// var pro = document.getElementById("pro");// var num = 0;// var timer = setInterval(function(){// 	pro.value = num;// 	num++;// 	if(num>=100){// 		//clearInterval(timer);//取消煮熟可以使进度条重复执行// 		num = 0;// 	}// },100);//方法二：使用setTimeroutvar num2 = 0;function timer(){pro.value = num2;num2++;if(num2>=100){num2=0;//return;取消注释可以使进度条重复}setTimeout(function(){timer();},100);}timer();</script></body>
</html>

2，结果参考

相关文章：

web前端JS基础-----制作进度条

1&#xff0c;参考代码 <!DOCTYPE html> <html><head><meta charset"utf-8"><title></title></head><body><progress id"pro" max"100" value"0"></progress><scrip…...

编程日记 2023/10/30 9:51:00

Linux命令解压多个tar.gz包

命令行解压单个tar.gz包&#xff1a; tar zxvf package.tar.gz 命令行解压多个tar.gz包&#xff1a; for f in *.tar.gz; do tar zxvf "$f"; done 这个命令会循环遍历当前目录下的所有tar.gz包&#xff0c;然后逐个解压。 注&#xff1a;如果想要解压到指定的目…...

编程日记 2023/10/30 9:49:59

Java基于SpringBoot+Vue的网上图书商城管理系统（附源码，教程）

文章目录 1. 简介2 技术栈3 系统功能4系统设计4.1数据库设计 5系统详细设计5.1系统功能模块5.1系统功能模块5.2管理员功能模块 源码下载地址 1. 简介 本次设计任务是要设计一个网上图书商城&#xff0c;通过这个系统能够满足网上图书商城的管理功能。系统的主要功能包括首页、…...

编程日记 2023/10/30 9:48:58

Visual Studio Code的下载与安装

Visual Studio Code&#xff08;简称 VS Code&#xff09;是由 Microsoft 开发的免费、开源的文本编辑器&#xff0c;适用于多种操作系统&#xff0c;包括 Windows、macOS 和 Linux。它的设计目标是成为一款轻量级、高效的代码编辑工具&#xff0c;同时提供丰富的扩展和功能&am…...

编程日记 2023/10/30 9:47:57

23种设计模式在SpringCloud源码里的应用

单例模式&#xff08;Singleton&#xff09;&#xff1a;Spring 中的 Bean 默认都是单例模式&#xff0c;保证在整个应用中只有一个实例。 工厂方法模式&#xff08;Factory Method&#xff09;&#xff1a;Spring 中的 BeanFactory 和 ApplicationContext 都实现了工厂方法模…...

编程日记 2023/10/30 9:46:56

几个精致的Linux命令

说到Linux命令&#xff0c;一些基础的简单的单个命令我就不说了&#xff0c;咱今天来点复杂的组合命令&#xff0c;比较长&#xff0c;但觉对很酷&#xff1a; 打印业务服务异常日志&#xff1a; tail -f business-service.log | grep -i exception --color 或者 grep --…...

编程日记 2023/10/30 9:45:52

CoDeSys系列-3、Windows运行时软PLC主站和p-net从站IO设备组网测试

CoDeSys系列-3、Windows运行时软PLC主站和p-net从站IO设备组网测试 文章目录 CoDeSys系列-3、Windows运行时软PLC主站和p-net从站IO设备组网测试一、前言二、Windows运行时软plc配置编程1、安装Windows下的运行时扩展包&#xff08;非必要&#xff09;2、创建项目2.1、创建标准…...

编程日记 2023/10/30 9:44:51

vscode下ssh免密登录linux服务器

vscode使用ssh免密登录linux 1、安装SSH插件2、生成密钥3、linux安装ssh服务4、linux下配置公钥5、vscode远程登录 注&#xff1a;测试环境为window10Ubuntu1804/Ubuntu2204 1、安装SSH插件 扩展->搜索SSH->点击install进行安装&#xff0c;如下图所示&#xff1a; 2、…...

编程日记 2023/10/30 9:43:50

基于jquery+html开发的json格式校验工具

json简介 JSON是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式&#xff0c;但是也使用了类似于C语言家族…...

编程日记 2023/10/30 9:41:48

【面试经典150 | 栈】最小栈

文章目录 Tag题目来源题目解读解题思路方法一&#xff1a;辅助栈方法二&#xff1a;一个栈方法三&#xff1a;栈中存放差值 其他语言python3 写在最后 Tag 【设计类】【栈】 题目来源 155. 最小栈 题目解读 本题是一个设计类的题目&#xff0c;设计一个最小栈类 MinStack() …...

编程日记 2023/10/30 9:40:47

Linux网络基础2 -- 应用层相关

一、协议 引例&#xff1a;编写一个网络版的计算器 1.1 约定方案&#xff1a;“序列化” 和 “反序列化” 方案一&#xff1a;客户端发送形如“11”的字符串&#xff0c;再去解析其中的数字和计算字符&#xff0c;并且设限&#xff08;如数字和运算符之间没有空格; 运算符只…...

编程日记 2023/10/30 9:39:46

【Python机器学习】零基础掌握SkewedChi2Sampler内核近似特征

有没有遇到这样的困扰：即使在拥有大量数据的条件下，传统的机器学习模型表现依然不佳？这时，数据预处理和特征工程成了解决问题的关键步骤。那么，有没有一种算法能够优化特征，提升模型性能呢？ 假设一个在线商城希望通过用户行为（比如点击、购买等）来预测用户是否会成为…...

编程日记 2023/10/30 9:38:45

Unity Meta Quest 一体机开发（三）：Oculus Integration 基本原理、概念与结构+玩家角色基本配置

文章目录 &#x1f4d5;教程说明&#x1f4d5;输入数据&#x1f4d5;Oculus Integration 处理手部数据的推荐流程&#x1f4d5;VR 中交互的基本概念&#x1f4d5;Oculus Integration 中的交互流程&#x1f4d5;配置一个基本的玩家物体⭐OVRCameraRig⭐OVRInteraction⭐OVRHandP…...

编程日记 2023/10/30 9:37:29

excel 拼接字符 单元格

需要将单元格作为字符串拼接&#xff0c;使用 & 符号&#xff0c;拼接逗号&#xff0c;分号&#xff0c;冒号&#xff0c;横杠等&#xff0c;需要用英文双引号。...

编程日记 2023/10/30 9:36:28

HarmonyOS 快速入门TypeScript

1.什么是TypeScript&#xff0c;它和JavaScript&#xff0c;ArkTs有什么区别 ArkTS是HarmonyOS优选的主力应用开发语言。它在TypeScript&#xff08;简称TS&#xff09;的基础上&#xff0c;匹配ArkUI框架&#xff0c;扩展了声明式UI、状态管理等相应的能力&#xff0c;让开发…...

编程日记 2023/10/30 9:35:26

ChatGPT扩展系列之ChatExcel

文章目录 ChatGPT扩展系列之ChatExcel对某一列的文字进行处理对数据进行排序对数据进行计算微软官方又推出Excel AI插件ChatGPT扩展系列之ChatExcel 自从ChatGPT很空出世之后，很多基于ChatGPT的应用便如雨后春笋般应用而生，这些应用的底层本质就是利用了ChatGPT对自然语言的…...

编程日记 2023/10/30 9:34:25

AM@微元法和定积分的应用@平面图形面积@立体体积@曲线弧长

文章目录 abstract微元法平面图形的面积极坐标上图形面积曲边扇形面积 平行截面面积为已知的立体体积旋转体的体积绕 x x x轴旋转绕 y y y轴旋转另一类型旋转体积 曲线弧长参数方程表示的曲线弧长直角坐标方程表示的曲线弧长极坐标方程表示得曲线弧长小结 abstract 微元法定积…...

编程日记 2023/10/30 9:33:10

SparkStreaming【实例演示】

前言 1、环境准备 启动Zookeeper和Kafka集群导入依赖&#xff1a; <dependency><groupId>org.apache.spark</groupId><artifactId>spark-core_2.12</artifactId><version>3.2.4</version></dependency><dependency>&l…...

编程日记 2023/10/30 9:32:09

提高抖音小店用户黏性和商品销量的有效策略

抖音小店是抖音平台上的电商模式&#xff0c;用户可以在抖音上购买各类商品。要提高用户黏性和商品销量&#xff0c;四川不若与众帮你整理了需要注意以下几个方面。 首先&#xff0c;提供优质的商品和服务。在抖音小店中&#xff0c;用户会通过观看商品展示视频和用户评价来选…...

编程日记 2023/10/30 9:31:08

提高公众意识：共同防范AI诈骗

随着人工智能技术的飞速发展&#xff0c;AI诈骗成为了一个不容忽视的威胁&#xff0c;影响到我们的社交、金融和个人隐私安全。在这个数字时代&#xff0c;提高公众对AI诈骗的意识至关重要&#xff0c;以下是一些关于如何提高公众意识以防范AI诈骗的观点&#xff1a; 认知AI诈…...

编程日记 2023/10/30 9:30:07

网盘直链解析方案：如何通过浏览器脚本实现多平台文件下载优化

网盘直链解析方案&#xff1a;如何通过浏览器脚本实现多平台文件下载优化 【免费下载链接】Online-disk-direct-link-download-assistant 一个基于 JavaScript 的网盘文件下载地址获取工具。基于【网盘直链下载助手】修改 &#xff0c;支持 百度网盘 / 阿里云盘 / 中国移动云盘…...

编程新知 2026/5/14 11:04:38

软件厂商突然要审计，你们公司 IT 资产管理能扛得住吗

某天下午&#xff0c;公司法务收到一封措辞正式的律师函。发函方是一家知名软件厂商&#xff0c;函件内容大意是&#xff1a;根据他们的监测数据&#xff0c;贵司存在超量使用其软件产品的情况&#xff0c;要求在三十天内配合完成软件资产审计&#xff0c;提供全公司范围内该软…...

编程新知 2026/5/14 11:02:32

# 软考软件设计师每日精练 | 2026-04-25

&#x1f4dd; 软考软件设计师每日精练 | 2026-04-25&#x1f4c5; 距离2026年5月23日软考还有 28天&#xff01; 今日重点&#xff1a;算法策略辨析 线性规划 知识产权深化 项目管理工具&#x1f3af; 模块一&#xff1a;算法策略辨析&#xff08;必考 ★★★★★&#xff…...

编程新知 2026/5/14 10:03:49

《机密计算破局政务金融、截图工具漏洞泄露NTLM哈希、智能体仿冒日增200+：AI安全的三场“攻防战”》

一、全链路机密计算破局&#xff1a;政务/金融敏感数据进入“可信推理”时代当前&#xff0c;大模型落地过程中面临的核心矛盾在于&#xff1a;越是高价值的专业技术领域&#xff0c;其训练数据和实时推理数据的安全级别就越高。在政务场景中&#xff0c;政府规划、财政数据、内…...

编程新知 2026/5/14 8:20:09

QMCDecode终极指南：一键解锁QQ音乐加密音频的完整解决方案

QMCDecode终极指南&#xff1a;一键解锁QQ音乐加密音频的完整解决方案 【免费下载链接】QMCDecode QQ音乐QMC格式转换为普通格式(qmcflac转flac&#xff0c;qmc0,qmc3转mp3, mflac,mflac0等转flac)&#xff0c;仅支持macOS&#xff0c;可自动识别到QQ音乐下载目录&#xff0c;默…...

编程新知 2026/5/14 8:02:02

Java微服务全解：快速上手SpringCloud+SpringCloudAlibaba！

SpringCloud想必每一位Java程序员都不会陌生&#xff0c;很多人一度把他称之为“微服务全家桶”&#xff0c;它通过简单的注解&#xff0c;就能快速地架构微服务&#xff0c;这也是SpringCloud的最大优势。但是最近有去面试过的朋友就会发现&#xff0c;现在面试你要是没有Spri…...

编程新知 2026/5/14 6:48:09

基于MCP协议的GitHub PR代码审查工具：自动化安全与质量分析

1. 项目概述与核心价值 最近在折腾一个挺有意思的东西&#xff0c;一个专门给GitHub Pull Request做代码审查的MCP服务器。简单来说&#xff0c;它能让你的AI助手&#xff08;比如Cursor里的Claude&#xff09;直接读懂GitHub上的代码变更&#xff0c;然后像一位经验丰富的技术…...

编程新知 2026/5/14 5:20:09

爱搜索 GEO 营销系统实效展示与能力验证

在当前的数字营销环境中&#xff0c;许多企业发现传统的 SEO 手段在应对 AI 驱动的搜索场景时显得力不从心。当潜在客户向大模型提问“哪家装修公司更靠谱”或“推荐几家铝板输送机厂家”时&#xff0c;如果品牌未能出现在 AI 生成的答案中&#xff0c;就意味着失去了最精准的流…...

编程新知 2026/5/14 4:44:36

Win2D文本渲染：从基础格式到高级排版的全方位教程

Win2D文本渲染&#xff1a;从基础格式到高级排版的全方位教程 【免费下载链接】Win2D Win2D is an easy-to-use Windows Runtime API for immediate mode 2D graphics rendering with GPU acceleration. It is available to C#, C and VB developers writing apps for the Wind…...

编程新知 2026/5/14 4:37:27

3步在Windows电脑运行安卓应用的终极指南：APK安装器完全教程

3步在Windows电脑运行安卓应用的终极指南&#xff1a;APK安装器完全教程 【免费下载链接】APK-Installer An Android Application Installer for Windows 项目地址: https://gitcode.com/GitHub_Trending/ap/APK-Installer 你是否曾经想过&#xff0c;如果能在Windows电…...

编程新知 2026/5/14 4:15:26