Javascript 根据跨度标记中数字的大小设置“显示”属性

我想根据span标记中数字的大小来决定是否可以看到图像

<TIME>TIME : <span id="TIME">0</span>  </TIME>
<img src="sun.png" id="sun" class="sun">
<img src="clock.png" id="clock" class="clock"  height="128px" width="128px" onclick="addToTIME(1)">



<script>
    if ($("#TIME").text() <= 6)
    {
        $('#sun').css('display', 'none');
    }
</script>

时间：0
if（$（“#TIME”）.text（）您从一开始就隐藏了sun，但从未将其设置回
display:block


var-TIME=0；
函数addToTIME（金额）{
时间=时间+金额；
document.getElementById（“TIME”）.innerHTML=TIME；
控制太阳（）
};
$（文档）.ready（控制太阳）
函数controlTheSun（）{
if（$（“#TIME”）.text（）您的代码对我有效，请尝试使用document ready:
$（document）.ready（函数（）{if（$（“#TIME”）.text（）是否记得添加对jQuery的引用？如果打开浏览器的“开发人员工具”（按F12）并转到“控制台”，可能会出现类似“未捕获引用错误：$未定义”的错误消息@如果我使用此脚本提高Spandex的值，代码是否不理解？var TIME=0；function addToTIME（amount）{TIME=TIME+amount；document.getElementById（“TIME”）.innerHTML=TIME；}；@AndrewMorton我添加了jquery脚本源代码。谢谢您的提问。#TIME元素中的文本是如何更新的？您希望代码在更改时运行吗？多亏了这段代码，我解决了这个问题。谢谢。@yooyoo01，以防您以前没有看到它：