Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:获取页面元素的内容并将其用作变量?_Javascript_Element_Countdown - Fatal编程技术网

Javascript:获取页面元素的内容并将其用作变量?

Javascript:获取页面元素的内容并将其用作变量?,javascript,element,countdown,Javascript,Element,Countdown,因此,我在一个页面上有两个脚本: 第一个从数组中随机选择一个数字,并将其插入名为“number”的元素中 第二个是倒计时脚本,它从两个变量开始倒计时,这两个变量被解释为分和秒。一旦倒计时到零,它就会播放一个声音 目前,第二个脚本都是手动设置的,因此分钟数和秒数被硬编码到脚本本身中。我希望第二个脚本获取第一个脚本插入到页面中的任何数字,并将其用作变量 下面是一个更好的例子,说明我希望它如何工作: 加载页面后,它会告诉您只有(X)分钟的空闲时间(X=由第一个脚本插入),而无论(X)是什么,都将作

因此,我在一个页面上有两个脚本:

  • 第一个从数组中随机选择一个数字,并将其插入名为“number”的元素中
  • 第二个是倒计时脚本,它从两个变量开始倒计时,这两个变量被解释为分和秒。一旦倒计时到零,它就会播放一个声音
目前,第二个脚本都是手动设置的,因此分钟数和秒数被硬编码到脚本本身中。我希望第二个脚本获取第一个脚本插入到页面中的任何数字,并将其用作变量

下面是一个更好的例子,说明我希望它如何工作:

加载页面后,它会告诉您只有(X)分钟的空闲时间(X=由第一个脚本插入),而无论(X)是什么,都将作为第二个脚本中的“分钟”变量,该脚本现在显示页面上其他地方(X)分钟的倒计时

第一个脚本的输出插入到:

<span id="minutes"></span>
我试过换衣服

var minutes = 5;
var seconds = 0;

(第二个脚本在第一个脚本之后运行)

。。。但它似乎不起作用,只是从“空”分钟开始

有人能解释一下吗

解决方案: 说明: 您可能是指字符串minutes:(添加引号)

但这将返回DOM对象。innerHTML将返回
标记中的内容

var minutes = document.getElementById('minutes').innerHTML;
但是,您需要意识到,无论在何处使用它,它都是一个字符串,因此,在您可能使用
string+number
进行隐式类型转换的地方,您现在必须显式地进行转换,或者更改代码以允许隐式转换,或者在第一次实例化时处理它


因此,我们使用
Number()

进行类型转换。他们还需要使用span的内容,而不是DOM元素本身,尝试访问其
innerHTML
或其他内容。伙计,看看问题的长度和解决方案的长度+1.嘿,我已经试过了,但现在它完全忽略了分钟元素:@SnowBlind很抱歉,我要在其中添加很多陷阱。@DMOS绝对没有问题,这看起来比我的编辑更好。
var minutes = document.getElementById(minutes);
var seconds = 0;
var minutes = Number(document.getElementById('minutes').innerHTML);
var minutes = document.getElementById('minutes');
var seconds = 0;
var minutes = document.getElementById('minutes').innerHTML;