一定期間Newマークをつける javascript

2015-06-29

新しく書いた記事や更新した内容にNew!マークをつけて、更新したことをアピールできる有効な手段です。

でも、手動だと外し忘れて何ヶ月もそのままになってたり。。。

そんなときのためのjavascript。

<script type="text/javascript">
  function newm(mark,yy,mm,dd){
    expireDate = new Date(yy,mm - 1,dd);
    now = new Date();
    if(now.getTime() <= expireDate.getTime()){
      document.write(mark);
    }
  }
</script>

<ul>
      <li><a href="#">伊豆旅行行ってきました</a><script type="text/javascript">newm('<span class="newmark">NEW!</span>',2015,7,31);</script></li>
      <li><a href="#">今日のランチはオムライス</a><script type="text/javascript">newm('NEW!',2015,6,6);</script></li>
      <li><a href="#">「ロボコップ」観ました</a></li>
      <li><a href="#">今日は残業。。。。</a></li>
      <li><a href="#">アップルウォッチ</a></li>
    </ul>

DEMO 一定期間Newマークをつける javascript