Javascript для изменения направления тени текста в определенное время - PullRequest
Новая
       9

Javascript для изменения направления тени текста в определенное время

0 голосов
/ 29 декабря 2018

Я пытаюсь использовать javascript, чтобы изменить направление тени текста между 9 и 10 часами вечера.

Попробовал ряд изменений и не уверен, где я ошибаюсь, вот основы моего кода.. 

<head>

<style>

 body {
    text-shadow: 12px 12px 8px #000000;
}

</style>

<script>

var currentTime = new Date().getHours();

if (21 <= currentTime && currentTime < 22) 
{
document.getElementById('body').text.style.textShadow  = "-12px 12px 8px 
#000000";
}

</script>

</head>

.. не включил тело, но мой текст находится внутри

и , если это поможет?

То есть, как правило, тень от текста должна быть справа, а с 9 до 10 вечера - слева?

Спасибо!

1 Ответ

0 голосов
/ 29 декабря 2018

Согласно комментарию, я предполагаю, что это неправильно: 

document.getElementById('body').text

Пример фрагмента для уточнения: 

document.addEventListener('DOMContentLoaded', function(e) {
  document.querySelector('button').addEventListener('click', function(e) {
      document.querySelectorAll('div, a').forEach(function(ele) {
         ele.style.textShadow  = "-12px 12px 8px #000000";
      });
  })

});
body {
    text-shadow: 12px 12px 8px #000000;
}
<div>
    this is a text iside a div......
</div>
<a href="">this is a text inside an anchor......</a>
<br/>
<br/>
<button type="button">Click Me</button>
...