这个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客户端,请尝试右键单击该文件,在大多数编辑器中,您将看到文件权限选项,请在此处检查它们。