这个JS在我的家用PC上工作,但当我把它放在网上时就不行了.知道为什么或如何这是

This JS works on my home PC but not when i put it online. Any idea why or how this is?

本文关键字:不行了 为什么 何这 PC 我的家 JS 工作 这个      更新时间:2023-09-26

这个JS在我的家用PC上工作,但当我把它放到网上时就不行了。知道为什么或如何这是吗?在 html 页面的底部,我有

<!--JAVASCRIPT-->       
<script type="text/javascript" src="drawUI.js"></script>
</body>

在javascript文件drawUI中.js我有这个。我没有收到任何错误消息。就好像javascript只是被跳过了什么。我在同一网站上运行了其他javascript,它们工作得很好。我甚至使用相同的动画代码。

(function(){
var ShieldPMax = 2000; var ShieldPMin = 0; var ShieldP = 1750; 
var ArmorPMax = 2000; var ArmorPMin = 0; var ArmorP= 1875;
var BattPMax = 2000; var BattPMin = 0; var BattP= 1360;
var TempPMax = 990; var TempPMin = -990; var TempP= 990;
var CPUPercPMax = 100; var CPUPercPMin = 0; var CPUPercP= 75;
var CPUPMax = 4039; var CPUPMin = 0; var CPUP= 3010;
var ShieldUp = true; var ArmorUp = false; var BattUp = true; var TempUp = true; var CPUUp = false; 

var progress;
var start = null;
window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
                          window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
function step(timestamp) {
    if (start === null) start = timestamp;
    progress = timestamp - start;
    //ANIMATION AND TIME BASED ACTIONS GO HERE
    incrementStats();
    requestAnimationFrame(step);
  //}
}
requestAnimationFrame(step);
function incrementStats(){
    if (ShieldUp === true) {++ShieldP};
    if (ShieldUp === false) {--ShieldP};
    if (ShieldP <ShieldPMin) {ShieldP = ShieldPMin, ShieldUp = true};
    if (ShieldP >ShieldPMax) {ShieldP = ShieldPMax, ShieldUp = false};
    PlayerShieldUpdateUI(ShieldP, ShieldPMax);
    if (ArmorUp === true) {++ArmorP};
    if (ArmorUp === false) {--ArmorP};
    if (ArmorP < ArmorPMin) {ArmorP =  ArmorPMin, ArmorUp = true};
    if (ArmorP >ArmorPMax) {ArmorP = ArmorPMax, ArmorUp = false};
    PlayerArmorUpdateUI(ArmorP, ArmorPMax);
    if (BattUp === true) {++BattP};
    if (BattUp === false) {--BattP};
    if (BattP <BattPMin) {BattP = BattPMin, BattUp = true};
    if (BattP >BattPMax) {BattP = BattPMax, BattUp = false};
    PlayerBattUpdateUI(BattP, BattPMax);
    if (TempUp === true) {++TempP};
    if (TempUp === false) {--TempP};
    if (TempP <TempPMin) {TempP = TempPMin, TempUp = true};
    if (TempP >TempPMax) {TempP = TempPMax, TempUp = false};
    PlayerTempUpdateUI(TempP, TempPMax);
    if (CPUUp === true) {++CPUP};
    if (CPUUp === false) {--CPUP};
    if (CPUP <CPUPMin) {CPUP = CPUPMin, CPUUp = true};
    if (CPUP >CPUPMax) {CPUP = CPUPMax, CPUUp = false};
    PlayerCPUUpdateUI(CPUP, CPUPMax);

}
function PlayerShieldUpdateUI(ShieldPoints, MaxPoints) {
    document.getElementById("HUDPlayerShieldPVal").innerHTML = ShieldPoints + "/" + MaxPoints;
    document.getElementById("HUDPlayerShieldBar").style.width = (ShieldPoints / MaxPoints * 225) + "px";
};
function PlayerArmorUpdateUI(ArmorPoints, MaxPoints) {
    document.getElementById("HUDPlayerArmorPVal").innerHTML = ArmorPoints + "/" + MaxPoints;
    document.getElementById("HUDPlayerArmorBar").style.width = (ArmorPoints / MaxPoints * 225) + "px";
};
function PlayerBattUpdateUI(BattPoints, MaxPoints) {
    document.getElementById("HUDPlayerBatteryPVal").innerHTML = BattPoints + "/" + MaxPoints;
    document.getElementById("HUDPlayerBatteryBar").style.width = (BattPoints / MaxPoints * 225) + "px";
};
function PlayerTempUpdateUI(TempPoints, MaxPoints) {
    var r,g,b;
    var tempTextDiv = document.getElementById("HUDPlayerTempVal");
    tempTextDiv.innerHTML = parseInt(TempPoints/10);
    if (TempPoints >0){
    //TRANSITION WHITE TO BLUE
    b = 255 - ((TempPoints/990)*255);
    r = 255 ;
    g = b;
    tempTextDiv.style.color = "rgb(" + r + ","+ g +","+ b +")";
    }else{
    //TRANSITION WHITE TO RED
    r = 255 - (((TempPoints* -1)/990)*255);
    g = r;
    b = 255;
    tempTextDiv.style.color = "rgb(" + r + ","+ g +","+ b +")";
    }
};
function PlayerCPUUpdateUI(CPUPoints, MaxPoints) {
    var barHeight, barTopPos;
    barHeight = parseInt(((CPUPoints / MaxPoints) * 100) / 100 * 112);
    barTopPos = 162 - barHeight;
    document.getElementById("HUDPlayerCPUValGHz").innerHTML = (CPUPoints / 1000) + "GHz";
    document.getElementById("HUDPlayerCPUValPercent").innerHTML = parseInt((CPUPoints / MaxPoints) * 100) + "%" ;
    document.getElementById("HUDPlayerCPUBar").style.height = barHeight + "px";
    document.getElementById("HUDPlayerCPUBar").style.top = barTopPos + "px";
};

})();

查看 rbgrpg.com/play01.html 提供的链接后,如果您在浏览器控制台中查看,您将看到存在 404 错误,找不到该文件。

您需要确保 drawUI.js 文件与 play01.html 位于同一文件夹中。如果文件已经存在,则问题可能是基于权限的。您需要检查文件的权限级别至少为 644。

在类似 unix 的服务器上执行此操作,假设您可以 ssh 进入控制台,您可以尝试运行

chmod 0664 drawUI.js

或者,如果您使用的是GUI ftp客户端,请尝试右键单击该文件,在大多数编辑器中,您将看到文件权限选项,请在此处检查它们。