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

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

news 2026/3/28 13:25:16

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

MongoDB C Driver事务处理：ACID保证与分布式事务最佳实践

MongoDB C# Driver事务处理&#xff1a;ACID保证与分布式事务最佳实践 【免费下载链接】mongo-csharp-driver The Official C# .NET Driver for MongoDB 项目地址: https://gitcode.com/gh_mirrors/mo/mongo-csharp-driver MongoDB C# Driver是MongoDB官方提供的.NET驱动…...

编程新知 2026/3/28 12:56:04

OSXCross完整指南：如何在Linux上构建macOS应用程序

OSXCross完整指南&#xff1a;如何在Linux上构建macOS应用程序 【免费下载链接】osxcross Mac OS X cross toolchain for Linux, FreeBSD, OpenBSD and Android (Termux) 项目地址: https://gitcode.com/gh_mirrors/os/osxcross OSXCross是一个强大的macOS交叉编译工具链…...

编程新知 2026/3/28 12:46:02

Keyboard Chatter Blocker：彻底解决机械键盘连击问题的终极免费工具

Keyboard Chatter Blocker&#xff1a;彻底解决机械键盘连击问题的终极免费工具 【免费下载链接】KeyboardChatterBlocker A handy quick tool for blocking mechanical keyboard chatter. 项目地址: https://gitcode.com/gh_mirrors/ke/KeyboardChatterBlocker 机械键盘…...

编程新知 2026/3/28 11:47:39

OpenClaw技能市场盘点：10个Qwen3-32B最佳自动化插件推荐

OpenClaw技能市场盘点&#xff1a;10个Qwen3-32B最佳自动化插件推荐 1. 为什么需要关注OpenClaw技能市场&#xff1f; 去年冬天&#xff0c;当我第一次在本地部署OpenClaw时&#xff0c;最让我惊喜的不是框架本身&#xff0c;而是它背后那个充满可能性的技能市场。作为一个长…...

编程新知 2026/3/28 11:39:33

超级千问语音设计世界效果展示：听听这些用文字描述生成的惊艳语音

超级千问语音设计世界效果展示&#xff1a;听听这些用文字描述生成的惊艳语音 1. 当文字遇见声音&#xff1a;一场无需录音棚的创作革命 想象一下&#xff0c;你只需要在电脑前输入一段文字&#xff0c;再描述一种情绪——“一个在深夜电台里&#xff0c;带着沙哑嗓音和淡淡忧…...

编程新知 2026/3/28 10:59:07

CasRel关系抽取实战：对接Airflow构建SPO抽取ETL调度流水线

CasRel关系抽取实战&#xff1a;对接Airflow构建SPO抽取ETL调度流水线 1. 项目背景与价值 在日常业务中&#xff0c;我们经常需要从大量文本数据中提取结构化信息。比如从新闻文章中提取人物关系&#xff0c;从产品描述中提取规格参数&#xff0c;从客服对话中提取用户诉求等…...

编程新知 2026/3/28 10:41:01

Wan2.2-I2V-A14B前端面试题实践：用AI视频生成功能丰富个人项目经验

Wan2.2-I2V-A14B前端面试题实践&#xff1a;用AI视频生成功能丰富个人项目经验 1. 为什么前端开发者需要关注AI视频生成 最近两年&#xff0c;前端技术栈的边界正在快速扩展。传统意义上的切图写页面已经不能满足企业对前端工程师的期望&#xff0c;越来越多的团队希望开发者…...

编程新知 2026/3/28 10:32:59

HDMI接口电路设计避坑指南：TVS怎么选？阻抗如何调？这10条规则帮你一次过EMC

HDMI接口电路设计避坑指南&#xff1a;TVS怎么选&#xff1f;阻抗如何调&#xff1f;这10条规则帮你一次过EMC 当你在设计一款带有HDMI接口的产品时&#xff0c;是否遇到过这样的场景&#xff1a;明明按照常规思路完成了电路设计&#xff0c;却在EMC测试中屡屡碰壁&#xff1f…...

编程新知 2026/3/28 10:02:40

藏在滴滴里的AI神器，轻松叫到“梦中情车”

【潮汐商业评论/文】在一线城市上班的00后小杨是个重度打车用户&#xff0c;从她滴滴会员常年v8就可见对打车的依赖程度。她住在城市远郊&#xff0c;工作日的通勤或是周末的聚会&#xff0c;她总习惯提前叫好车&#xff0c;对于车型她也有着自己的“小偏好”&#xff0c;总结就…...

编程新知 2026/3/28 9:34:25

Wan2.1视频生成案例分享：从萌宠到科幻，AI视频作品集

Wan2.1视频生成案例分享&#xff1a;从萌宠到科幻&#xff0c;AI视频作品集 1. 开篇&#xff1a;当文字变成动态画面 想象一下这样的场景&#xff1a;你脑海中浮现出一只橘猫在窗台上慵懒地晒太阳&#xff0c;阳光透过玻璃窗洒在它毛茸茸的身体上&#xff1b;或者你构思了一个…...

编程新知 2026/3/28 8:25:49