Javascript 在HTML上运行两个脚本（Java脚本）_Javascript_Html

Javascript 在HTML上运行两个脚本（Java脚本）

javascript html

Javascript 在HTML上运行两个脚本（Java脚本）,javascript,html,Javascript,Html,我正在学习Java脚本，我在网上找到了一个用于滚动文本的免费脚本。我的目标是在一个页面上多次使用它，但我不能多次使用它并使其工作，我希望您能提供帮助。这是HTML： <head> <meta charset="utf-8" /> <title>Scrollers</title> </head> <body style="background-color:#3c3c3c"> <br />

我正在学习Java脚本，我在网上找到了一个用于滚动文本的免费脚本。我的目标是在一个页面上多次使用它，但我不能多次使用它并使其工作，我希望您能提供帮助。这是HTML：

<head>
    <meta charset="utf-8" />
    <title>Scrollers</title>
</head>
<body style="background-color:#3c3c3c">
    <br />
    <script type="text/javascript" src="d:(...)\my documents\visual studio 2013\Projects\scrolling text\scroller 1.js"></script>
    <br />
    <script type="text/javascript" src="d:(...)\my documents\visual studio 2013\Projects\scrolling text\scroller 2.js"></script>
</body>


卷轴

我的Java脚本：

var memorywidth = "1850px" //scroller width
var memoryheight = "140px" //scroller height
var memorybgcolor = "#000000" //scroller background
var memorypadding = "5px" //padding applied to the scroller. 0 for non.
var borderCSS = "border: 1px solid black;" //Border CSS, applied to scroller to give border.

var memoryspeed = 5 //Scroller speed (larger is faster 1-10)
var pauseit = 1 //Pause scroller onMousever (0=no. 1=yes)?

var persistlastviewedmsg = 1 //should scroller's position persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior = "onload" //set to "onload" or "onclick".

//Specify the scroller's content (don't delete <nobr> tag)
//Keep all content on ONE line, and backslash any single quotations (ie: that\'s great):

var memorycontent = '<span style="color: #FFFFFF; font-family: Consolas; font-size:120px"><strong style="color:#B54646">04-11-2013</strong> - \
            FTs de alta dentro do SLA: 89% <img src="http://imageshack.com/a/img18/9017/uz2b.png" height="100" width="70">;\
            FTs de alta fora do SLA: 12% <img src="http://imageshack.com/a/img18/9017/uz2b.png" height="100" width="70">;\
            FTs de alta em TNE: 92% <img src="http://imageshack.com/a/img585/9553/1sgm.png" height="100" width="70">;\
            FTs de alta em TNO: 99% <img src="http://imageshack.com/a/img18/9017/uz2b.png" height="100" width="70">;\
            FTs de alta em TCO: 73% <img src="http://imageshack.com/a/img585/9553/1sgm.png" height="100" width="70">;\
            </span>'


////NO NEED TO EDIT BELOW THIS LINE////////////
var combinedcssTable = "width:" + (parseInt(memorywidth) + 6) + "px;background-color:" + memorybgcolor + ";padding:" + memorypadding + ";" + borderCSS + ";"
var combinedcss = "width:" + memorywidth + ";height:" + memoryheight + ";"

var divonclick = (persistlastviewedmsg && persistmsgbehavior == "onclick") ? 'onClick="savelastmsg()" ' : ''
memoryspeed = (document.all) ? memoryspeed : Math.max(1, memoryspeed - 1) //slow speed down by 1 for NS
var copyspeed = memoryspeed
var pausespeed = (pauseit == 0) ? copyspeed : 0
var iedom = document.all || document.getElementById
if (iedom)
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-10000px">' + memorycontent + '</span>')
var actualwidth = ''
var memoryscroller

if (window.addEventListener)
    window.addEventListener("load", populatescroller, false)
else if (window.attachEvent)
    window.attachEvent("onload", populatescroller)
else if (document.all || document.getElementById)
    window.onload = populatescroller

function populatescroller() {
    memoryscroller = document.getElementById ? document.getElementById("memoryscroller") : document.all.memoryscroller
    memoryscroller.style.left = parseInt(memorywidth) + 8 + "px"
    if (persistlastviewedmsg && get_cookie("lastscrollerpos") != "")
        revivelastmsg()
    memoryscroller.innerHTML = memorycontent
    actualwidth = document.all ? temp.offsetWidth : document.getElementById("temp").offsetWidth
    lefttime = setInterval("scrollmarquee()", 20)
}

function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = ""
    if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
            offset += search.length
            end = document.cookie.indexOf(";", offset)
            if (end == -1)
                end = document.cookie.length;
            returnvalue = unescape(document.cookie.substring(offset, end))
        }
    }
    return returnvalue;
}

function savelastmsg() {
    document.cookie = "lastscrollerpos=" + memoryscroller.style.left
}

function revivelastmsg() {
    lastscrollerpos = parseInt(get_cookie("lastscrollerpos"))
    memoryscroller.style.left = parseInt(lastscrollerpos) + "px"
}

if (persistlastviewedmsg && persistmsgbehavior == "onload")
    window.onunload = savelastmsg

function scrollmarquee() {
    if (parseInt(memoryscroller.style.left) > (actualwidth * (-1) + 8))
        memoryscroller.style.left = parseInt(memoryscroller.style.left) - copyspeed + "px"
    else
        memoryscroller.style.left = parseInt(memorywidth) + 8 + "px"
}

if (iedom) {
    with (document) {
        document.write('<table border="0" cellspacing="0" cellpadding="0" style="' + combinedcssTable + '"><td>')
        write('<div style="position:relative;overflow:hidden;' + combinedcss + '" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=memoryspeed">')
        write('<div id="memoryscroller" style="position:absolute;left:0px;top:0px;" ' + divonclick + '></div>')
        write('</div>')
        document.write('</td></table>')
    }
}

var memorywidth=“1850px”//滚动条宽度
var memoryheight=“140px”//滚动条高度
var memorybgcolor=“#000000”//scroller background
var memorypadding=“5px”//padding应用于滚动条。0表示非。
var borderCSS=“border:1px纯黑；”//边框CSS，应用于滚动条以提供边框。
var memoryspeed=5//滚动条速度（越大，速度越快1-10）
var pauseit=1//mousever上的暂停滚动条（0=no.1=yes）？
var persistlastviewedmsg=1//用户离开后滚动条的位置是否应该保持不变（1=yes，0=no）？
var persistmsgbehavior=“onload”//设置为“onload”或“onclick”。
//指定滚动条的内容（不删除标记）
//将所有内容放在一行，并将任何引用反斜杠（即：太好了）：
var memorycontent='04-11-2013\
阿尔塔登特罗酒店服务水平：89%\
第二语言习得论坛：12%\
阿尔塔埃姆特涅金融时报：92%\
阿尔塔埃姆塔诺金融时报：99%\
FTs de alta em总体拥有成本：73%\
'
////无需在此行下方进行编辑////////////
var combinedcstable=“宽度：”+（parseInt（memorywidth）+6）+”px；背景色：“+memorybgcolor+”；填充：“+memorypadding+”；“+borderCSS+”；”
var combinedcss=“宽度：“+memorywidth+”；高度：“+memorywhight+”
var divonclick=（persistlastviewedmsg&&persistmsgbehavior==“onclick”）？'onClick=“savelastmsg（）”：“”
memoryspeed=（document.all）？memoryspeed:Math.max（1，memoryspeed-1）//将速度降低1秒
var copyspeed=内存速度
var pausespeed=（pauseit==0）？复制速度：0
var iedom=document.all | | document.getElementById
如果（iedom）
文档。写入（“”+内存内容+“”）
变量实际宽度=“”
记忆克罗勒
if（window.addEventListener）
window.addEventListener（“加载”，populatescroller，false）
else if（窗口附件）
window.attachEvent（“加载”，populatescroller）
else if（document.all | | document.getElementById）
window.onload=populatescroller
函数populatescroller（）{
memoryscroller=document.getElementById？document.getElementById（“memoryscroller”）：document.all.memoryscroller
memoryscroller.style.left=parseInt（memorywidth）+8+“px”
if（persistlastviewedmsg&&get_cookie（“lastscrollerpos”）！=“”）
(tmsg)
memoryscroller.innerHTML=memorycontent
实际宽度=document.all？temp.offsetWidth:document.getElementById（“temp”）.offsetWidth
lefttime=setInterval（“scrollmarquee（）”，20）
}
函数get_cookie（名称）{
变量搜索=名称+“=”
var returnvalue=“”
如果（document.cookie.length>0）{
偏移量=document.cookie.indexOf（搜索）
如果（偏移量！=-1）{
偏移量+=搜索长度
end=document.cookie.indexOf（“；”，offset）
如果（结束==-1）
end=document.cookie.length；
returnvalue=unescape（document.cookie.substring（offset，end））
}
}
返回值；
}
函数savelastmsg（）{
document.cookie=“lastscrollerpos=“+memoryscroller.style.left
}
函数名为tmsg（）{
lastscrollerpos=parseInt（获取cookie（“lastscrollerpos”））
memoryscroller.style.left=parseInt（lastscrollerpos）+“px”
}
if（persistlastviewedmsg&&persistmsgbehavior==“onload”）
window.onunload=savelastmg
函数scrollmarquee（）{
if（parseInt（memoryscroller.style.left）>（实际宽度*（-1）+8））
memoryscroller.style.left=parseInt（memoryscroller.style.left）-copyspeed+“px”
其他的
memoryscroller.style.left=parseInt（memorywidth）+8+“px”
}
如果（iedom）{
附（文件）{
文件。写入（“”）
写（“”）
写（“”）
写（“”）
文件。写入（“”）
}
}

所以我试着改变变量，但没有任何效果。我希望你能帮忙

谢谢
不应包含两次脚本调用，即使要运行两次或多次滚动程序，也应只调用一次脚本。在此之后，无论何时您想要使用滚动条，您都应该使用事件调用该方法。您应该使用onSubmit/onblur等方法调用绑定事件。
如果您正在学习javascript，您应该了解所有这些函数的确切功能
这个脚本确实两次使用了一些标识符。因此，可能的情况是：函数名、变量名和HTMLDOM ID
如果你想学习javascript，你应该明确地检查一下这个东西是如何工作的，并且自己动手做。此外，这是一些错误的代码。永远不要在javascript文件中定义站点的内容
给你一个小小的跳跃：

lefttime = setInterval("scrollmarquee()", 20)
这一行设置一个计时器。scrollmarquee（）在20毫秒内调用

memoryscroller.style.left = someVar
这一行将css样式设置为左。这是内存滚动条的位置。你可以增加这个位置来实现滚动效果
以下是一些你需要的心态，以完成你想要做的事情：
您在开始时调用scrollmarquee一次。然后增加滚动元素的位置。然后使用scrollmarquee再次调用“setInterval”方法。所以scrollmarquee每隔20毫秒调用一次自身。
要执行特定的函数，需要从元素调用它（例如，
onClick一个标记的。在你的例子中，只有不在函数中的部分才会被执行，而且只有在脚本本身被加载时才会被执行。我理解。那么，如何让它工作不止一次呢？这很有启发性。非常感谢！